/notes-frontend

It is full-stack notes todo application, where user can create, read, update and delete their notes. User need to register and login to access their personal notes.

Primary LanguageJavaScript

Simple Note ToDo Full-Stack Application

Overview

This is a simple full-stack application that allows users to manage their notes efficiently. Users can register, log in, and perform CRUD (Create, Read, Update, Delete) operations on their notes. The application provides a secure and intuitive interface to keep track of tasks or ideas.

Features

User Registration: New users can create an account.

Login/Logout: Secure authentication with password protection.

Create Notes: Add new notes to your account.

Read Notes: View all your notes in a list format.

Update Notes: Edit existing notes.

Delete Notes: Remove notes no longer needed.

CRUD Operations: Full support for Create, Read, Update, and Delete functionalities.

Tech Stack

Frontend

HTML5, CSS3, JavaScript ,React.js

Backend

Node.js

Express.js

Database

MongoDB (NoSQL database)

Additional Tools

JSON Web Tokens (JWT) for authentication

bcrypt for secure password hashing

Installation and Setup

Prerequisites

  • Node.js installed on your system.

  • MongoDB running locally or on the cloud.

  • A package manager like npm.

Steps to Run Locally

  • git clone

  • cd notes-frontend

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available: