Project - CloudNotes Frontend

Make sure to check Backend Repository :

https://github.com/insh007/CloudNotes-Backend

Deploy Link :

https://cloud-notes-app.onrender.com

Overview

CloudNotes is a tool that allows users to securely store their notes on the cloud, and that it provides them with the ability to manage and organize their notes in a convenient and efficient way. So the app eliminates the need for users to keep track of physical notebooks or sticky notes, or that it allows them to access their notes from anywhere with an internet connection. CloudNotes is a web app built with the MERN (MongoDB, Express, React, Node.js) stack that allows users to create, view, update, and delete notes online. The app provides a simple and intuitive interface, with a navbar that includes Home, About, Login, Sign Up, and Logout options. The authentication and authorization system ensures that each user can only access their own notes, or the ability to perform read, update, and delete operations on notes.

Installation and Setup

Clone the repository to your local machine.
Run npm install to install the dependencies.
Run npm start to start the app.

Usage

Navigate to the Home page using the navbar if you have registerd otherwise need to registered first.
Fill out the form with a title, description, and tag for your note.
Click the "Create" button to save your note.
Your note will be displayed in a Bootstrap card below the form.
To update a note, click the "Update" icon on the card and modify the form.
To delete a note, click the "Delete" icon on the card.

Technologies Used

MongoDB: a NoSQL database used for storing and retrieving data
Express.js: a web application framework for Node.js
React: a JavaScript library for building user interfaces
Node.js: a JavaScript runtime environment for running server-side code
Bootstrap: a CSS framework for building responsive web pages

About

The About section of the app provides information about the purpose and features of CloudNotes. It includes a Bootstrap Accordion with details about the app, as well as a Login form and a Sign Up form.

The Login form requires an email and password to authenticate users. The Sign Up form requires a name, email, password, and confirmation of the password. The app includes proper alerts to handle everything going on in the app.