You are looking at website The Notes app

Welcome to this repo

Project Description

About

The Notes app is a simple yet secure & flexible note taking app for all your day to day notes. Let it be some groccery items that you need to remember or, some serious lecture notes from your college/school, all you have to do is login if you haven't and start writing those notes.

Netlify Link

Want to use the live website »

Following are the Screenshots for the reference

• Home Page Section

  

• Login Page

  

• Notes Page

  

• Add Note Section

  

• View Note & Update Note Page

  

About Project

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.

Setup

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

For Frontend

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

Install

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 

For Backend

cd /home/workspace/Full-Stack/Backend

Install

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 

Tools used on this project

• Visual Studio Code
• create-react-app

WEBSITE USER FLOW >

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)

MESSAGE>

I really enjoyed this whole part of developing as this was my first full stack MERN project and I have given the best efforts to bring the BEST thing as POSSIBLE. Wait for future updates.

-- Updates in planning:

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

Contributor

• Sayan Mukherjee

Show your support

Give a ⭐ if you like this project!