The Notes app
You are looking at websiteWelcome to this repo
Project Description
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. About
Netlify Link
Want to use the live website »
Following are the Screenshots for the reference
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)
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. MESSAGE>
-- Updates in planning:
- Search functionality to search notes quickly
- Login with google
- Dark Mode