Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/venky-1710/note-taking-app80
A full-stack note-taking application built with React for the frontend and Flask for the backend. This application allows users to register, log in, create, edit, and delete notes.
https://github.com/venky-1710/note-taking-app80
flask jwt jwt-authentication jwt-token python react
Last synced: about 8 hours ago
JSON representation
A full-stack note-taking application built with React for the frontend and Flask for the backend. This application allows users to register, log in, create, edit, and delete notes.
- Host: GitHub
- URL: https://github.com/venky-1710/note-taking-app80
- Owner: venky-1710
- Created: 2024-07-20T17:34:40.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-08-08T15:38:13.000Z (3 months ago)
- Last Synced: 2024-08-08T18:30:42.119Z (3 months ago)
- Topics: flask, jwt, jwt-authentication, jwt-token, python, react
- Language: Python
- Homepage: https://note-taking-app80.netlify.app/
- Size: 4.79 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Note-Taking Application - [live demo](https://note-taking-app80.netlify.app/)
A full-stack note-taking application built with React for the frontend and Flask for the backend. This application allows users to register, log in, create, edit, and delete notes.
## Features
- User authentication (register and login)
- Create, read, update, and delete notes
- Secure API with JWT authentication
- Responsive design
## Technologies Used
### Frontend
- React
- React Router for navigation
- CSS for styling
### Backend
- Flask (Python)
- Flask-JWT-Extended for JWT authentication
- Flask-Bcrypt for password hashing
- PyMongo for MongoDB integration
- Flask-CORS for handling Cross-Origin Resource Sharing
### Database
- MongoDB
## Setup and Installation
1. Clone the repository
```sh
git clone https://github.com/venky-1710/note-taking-app.git
cd note-taking-app
```
2. Set up the backend
```sh
cd backend
pip install -r requirements.txt
```
3. Set up the frontend
```sh
cd frontend
npm install
```
4. Configure the database
- Create a MongoDB database and update the connection string in `app.py`
5. Start the backend server
```sh
python app.py
```
6. Start the frontend development server
```sh
npm start
```
7. Open your browser and navigate to `http://localhost:3000`
## API Endpoints
- POST `/api/register`: Register a new user
- POST `/api/login`: Log in a user
- GET `/api/protected`: Get protected user data
- POST `/api/notes`: Create a new note
- GET `/api/notes`: Get all notes for the logged-in user
- PUT `/api/notes/`: Update a specific note
- DELETE `/api/notes/`: Delete a specific note
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
## License
This project is open source and available under the [MIT License](LICENSE).