Skip to content

ChangHorng/notes-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

About The Project

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

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!