https://github.com/insh007/CloudNotes-Backend
https://cloud-notes-app.onrender.com
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.
- Clone the repository to your local machine.
- Run npm install to install the dependencies.
- Run npm start to start the app.
- 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.
- 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
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.
The following screenshots provide a visual representation of the app:
This project uses several open-source libraries and tools:
- React
- Node.js
- Express.js
- Bootstrap