Skip to content

utkarsh-UK/note-taking-web

Folders and files

NameName
Last commit message
Last commit date

Latest commit

a2b37f1 · Apr 18, 2021

History

11 Commits
Apr 16, 2021
Apr 18, 2021
Apr 18, 2021
Apr 18, 2021

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!

Releases

No releases published

Packages

No packages published