changhorng/notes-app

An interactive dynamic Notes Application

About The Project

This project is using React to build an interactive Notes Application with React Markdown Editor.

Features of this notes application:

1. Sync notes with Window localStorage
2. Show note summary titles on sidebar
3. Move modified notes to the top of the list on sidebar
4. Delete notes
   

This project also makes use of the concept of Event Listener, React Hooks (State Hook and Effect Hook) and Conditional Rendering to create and maintain an interactive application.

Getting Started

In order to view the application, you can make a local copy and run it locally.

Local Installation

This part show how you can install and setup the application locally.

1. Clone this repository

   git clone https://github.com/ChangHorng/notes-app.git

2. Install NPM packages (Make sure you have your npm installed in your laptop)

   npm install

3. Run the website and click on the link

   npm run dev

Now, you can view the application!