Skip to content

utkarsh-UK/note-taking-web

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Note Taking

A React based website for taking notes. It has features like:

  1. Add New Notes
  2. Edit Note
  3. Delete Note

The website has a simple and minimal interface.

Preview Shots

Landing Page

Landing Page

Home Page

Home Page

Edit Note Page

Edit Note Page

Tools Used

  • React for front end
  • MongoDB as database
  • Express for API development

How to Run

  1. Clone this repository into your local computer.
  2. Make sure you have node installed.
  3. Run following command to install packages in frontend/.

npm install

  1. Run following command to install packages in backend/.

npm install

  1. Start MongoDB server for database.
  2. Start backend server with following command

npm start

  1. Start frontend react server with the same command

npm start

  1. You should see the Landing page once the server is started.
  2. This will create notes database in your MongoDB.

Follow me on LinkedIn Thanks, Happy Coding!