A React-based Note Taking App designed to create, edit, and organize notes efficiently.
- Create and Manage Notes: Add, edit, and delete notes in an organized manner.
- Simple UI: Easy-to-use interface designed for productivity.
- Real-time Updates: Enjoy quick interaction with the UI, powered by React.
- Deployed Version: You can view the live version here.
src/
├── components/
│ └── Note.js # Component for individual note display
├── pages/
│ └── Home.js # Main homepage layout
├── services/
│ └── ApiService.js # Handles API interactions
└── App.js # Root component for the application
To run this project locally, follow the steps:
-
Clone the repository:
git clone https://github.com/sumo47/NoteBook.git
-
Navigate to the project directory:
cd NoteBook
-
Install dependencies:
npm install
-
Run the app:
npm start
This will start the application on
http://localhost:3000
.
npm start
: Runs the app in development mode.npm test
: Launches the test runner.npm run build
: Builds the app for production.
- React: A JavaScript library for building user interfaces.
- BOOTSTRAP: For styling the components.
- JSONWEBTOKEN: For authentication.
- Netlify: For deployment of the live version.
- Offline Mode: Allow note access when the user is offline.
- Categorization: Implement categories/tags for better note organization.
- Fork the repository.
- Create a feature branch (
git checkout -b feature-branch
). - Commit your changes (
git commit -m 'Add some feature'
). - Push to the branch (
git push origin feature-branch
). - Open a pull request.
This project is open source.