Notebook by React is a simple web application built with React.js for the front end and Node.js with Express.js for the back end. It allows users to create, edit, and organize their notes effectively. With its intuitive user interface and seamless functionality, users can stay organized and productive wherever they go.
- Create Notes: Easily create new notes with a title and content.
- Edit Notes: Update or modify existing notes as needed.
- Delete Notes: Remove unwanted notes to declutter your workspace.
- Organize Notes: Arrange notes by category or priority for better organization.
- User Authentication: Secure user authentication and login functionality.
- Clone the repository:
- Navigate to the project directory:
- Navigate to the client directory:
- Install dependencies:
- Start the development server:
- Open your web browser and navigate to
http://localhost:5173
to view the front-end application.
- Navigate to the server directory:
- Set up environment variables:
- Create a
.env
file in the server directory. - Add the following variables:
PORT=5000 MONGODB_URI=your_mongodb_connection_string JWT_SECRET=your_jwt_secret
- Start the server:
npm start
- The backend server will be running on
http://localhost:5000
.
- React.js
- HTML5
- CSS3
- JavaScript (ES6+)
- [Add any additional libraries or frameworks used]
- Node.js
- Express.js
- MongoDB (or any other database)
- mongoose
- JSON Web Tokens (JWT) for authentication
- bycrpt
[Include screenshots or GIFs showcasing different features of your application]
Contributions are welcome! If you find any bugs or have suggestions for improvements, please open an issue or submit a pull request.
.