https://github.com/uvaishnasir/inotes-yournotesafe
The iNotes MERN App is a web-based application designed to help users organize and manage their notes efficiently. It provides a user-friendly interface to create, edit, and delete notes.
https://github.com/uvaishnasir/inotes-yournotesafe
bcryptjs express jwt mongodb nodejs react
Last synced: 2 months ago
JSON representation
The iNotes MERN App is a web-based application designed to help users organize and manage their notes efficiently. It provides a user-friendly interface to create, edit, and delete notes.
- Host: GitHub
- URL: https://github.com/uvaishnasir/inotes-yournotesafe
- Owner: uvaishnasir
- Created: 2023-09-19T20:07:20.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-10-07T15:58:21.000Z (7 months ago)
- Last Synced: 2024-12-23T11:44:16.914Z (4 months ago)
- Topics: bcryptjs, express, jwt, mongodb, nodejs, react
- Language: JavaScript
- Homepage:
- Size: 1.42 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# iNotes MERN App
## Introduction
The iNotes MERN App is a web-based application designed to help users organize and manage their notes efficiently. It provides a user-friendly interface to create, edit, and delete notes. The app is built using the MERN (MongoDB, Express.js, React.js, Node.js) stack, ensuring a smooth and seamless experience.
## Features
- **User Authentication:** Secure user authentication system using JWT (JSON Web Tokens).
- **Create Notes:** Users can create new notes with a title, description, and tag.
- **Edit and Update Notes:** Existing notes can be edited and updated easily.
- **Delete Notes:** Unwanted notes can be deleted with a single click.
- **Drag-and-Drop Functionality:** Users can easily rearrange their notes by dragging and dropping them in the desired order.
- **Responsive Design:** The app is designed to be accessible on various devices, including desktops, tablets, and mobile phones.
## Technologies
### Frontend:
- React.js
- Context API (for state management)
- HTML5, CSS3, JavaScript
### Backend:
- Node.js
- Express.js
- MongoDB (Mongoose ODM)
### Authentication:
- JSON Web Tokens (JWT)
- Bcrypt.js (for password hashing)
### Running the Application
To run the iNotes MERN App, follow these steps:
1. **Install Dependencies:**
- Navigate to the root of your frontend and backend directories in separate terminal windows.
- Run the following command in both directories:
```bash
npm install
```
2. **Start the Application:**
- From the root directory of your project, execute:
```bash
npm run both
```
- This command will start both the frontend and backend servers concurrently.