This is a simple Notes application that allows users to register, log in, and manage their notes. The notes are stored in the local storage of the user's browser.
- User Registration
- User Login
- Create new notes
- View and edit existing notes
- Delete notes
- Notes are persisted in local storage
- Responsive design
- Easy-to-use UI with Chakra UI components
- Node.js (for backend)
- A web browser (for frontend)
- Clone the repository:
git clone https://github.com/UmerAhmad9126/bahikhata-assignments.git
- Navigate to the project directory:
cd frontend - Install backend dependencies:
cd backend npm install
- Start the backend server:
cd backend npm run server
The backend server will start on http://localhost:8080.
- Open the application in your browser.
- Click on the "Signup" button.
- Enter your username email and password.
- Click "Signup" to Signup.
- Open the application in your browser.
- Click on the "Login" button.
- Enter your email and password.
- Click "Login" to Sign in.
Once logged in, you can create, view, and delete your notes.
- Click on the "New Note" button in the sidebar to create a new note.
- Type your note in the textarea. The note title in the sidebar will be the first 20 letters of the note.
- Click on a note in the sidebar to view or edit it.
- Click the delete icon on a note in the sidebar to delete it.
- If there are no notes, a button will be displayed in the center of the screen to create your first note.
Your notes will be displayed in a list below the "New Note" text area.
- Click the "Delete" button next to the note you want to delete.
The backend is built with Node.js and Express. It handles user registration, login.
POST /api/user/register- Register a new userPOST /api/user/login- Log in a user
The frontend is a simple HTML, CSS, JavaScript React and Redux application.
The notes are stored in the browser's local storage. This ensures that the notes persist between page reloads.
