• Home Page Section

  

• Login Page

  

• Notes Page

  

• Add Note Section

  

• View Note & Update Note Page

  

This project was built using React, Chakra UI, CSS, JavaScript for Frontend and Express and MongoDB for backend. To run it in your local system you should follow these guidelines.

The project repository can be found in GitHub link or just clone the project using this command.

Using HTTPS
# git clone https://github.com/IntriguedSayan/Full-Stack-NoteTaking-App.git

• Open terminal on your workspace with

cd /home/workspace/Full-Stack/Frontend/notes-frontend

Install NPM

Check that you have node and npm installed

To check if you have Node.js installed, run this command in your terminal:

node -v

To confirm that you have npm installed you can run this command in your terminal:

npm -v

To install all the dependences of the project, run the following command:

npm install

To run the application got to the client folder and run the following command:

npm run start 

cd /home/workspace/Full-Stack/Backend

Install NPM

Check that you have node and npm installed

To check if you have Node.js installed, run this command in your terminal:

node -v

To confirm that you have npm installed you can run this command in your terminal:

npm -v

To install all the dependences of the project, run the following command:

npm install

To run the application got to the client folder and run the following command:

npm run start 

• Visual Studio Code
• create-react-app

The user flow that we tried to maintain is,

home -> -> Signup -> create user Id-> Enter email details -> Enter password -> Login -> Dashboard -> Add Notes -> View a single note & Update Note(if you wish) -> Delete Notes(if you wish)

-- Updates in planning:

• Search functionality to search notes quickly
• Login with google
• Dark Mode

• Sayan Mukherjee