Skip to content

Build a full-stack note-taking web application using the MERN stack (MongoDB, Express, React, Node.js). Features include creating, editing, organizing, and storing notes with a responsive, user-friendly interface

Notifications You must be signed in to change notification settings

marufk21/QuickNote

Repository files navigation

QuickNote

The Notes App is a feature-rich web application built with the MERN stack. It allows users to securely create, view, edit, and delete notes and where user can login and signup to see their specific notes. The app ensures data privacy. Key features include intuitive note creation, organized note viewing, easy note editing and deletion. It provides a seamless and secure platform for efficient note management.

Link - https://myquicknotes.netlify.app

Technologies Used

The Notes App is built using the MERN stack:

  • Tailwind CSS: A CSS framework used to style the user interface of the web application.
  • React: A JavaScript library used to build the user interface of the web application.
  • Node.js: A JavaScript runtime environment used to run JavaScript code on the server side.
  • Express: A web application framework used to build APIs in Node.js.
  • MongoDB: A NoSQL database used to store notes.

Additional packages used:

  • bcryptjs: A library used to hash passwords.
  • jsonwebtoken: A library used to generate and verify JSON Web Tokens.
  • mongoose: A library used to interact with MongoDB.
  • cors: A middleware used to enable cross-origin resource sharing.

Installation

  • Clone this repository to your local machine.
  • Install Node.js and MongoDB on your machine if you haven't already.
  • Open a terminal and navigate to the root directory of the project.
  • Run npm install to install the required dependencies.
  • To start the application, run npm start from the root directory of the project.
  • Open your web browser and go to localhost to view the Notes App.

Features

  • Create, Read, Update and Delete a note
  • List of all notes
  • View the details of a specific note
  • User Authentication and Authorisation

Upcoming Features

  • Improving UI and UX
  • Add Dark Mode

Contributing

Contributions are welcome! If you'd like to contribute, please create a new issue or submit a pull request.

About

Build a full-stack note-taking web application using the MERN stack (MongoDB, Express, React, Node.js). Features include creating, editing, organizing, and storing notes with a responsive, user-friendly interface

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published