Simple notes app - v0 by VercelSimple notes app - v0 by Vercel
Simple Notes App
Description: A simple application where users can add, view, and delete notes.
Frontend (JavaScript): Use HTML, CSS, and vanilla JavaScript to create an interface for adding, viewing, and deleting notes.
Backend (Python): Use Flask to handle API requests like creating and deleting notes.
Database (SQL): Store notes in a database like SQLite, with a title and content for each note.
with readme file like all about the features an all
389d ago
Simple Notes App
I'll create a complete notes application with a vanilla JavaScript frontend and a Flask backend with SQLite database. Let's start with the backend:
2. Create a virtual environment (optional but recommended):
python -m venv venv
source venv/bin/activate # On Windows: venv\Scripts\activate
3. Install the required dependencies:
pip install flask flask-cors
4. Run the Flask server:
python app.py
The server will start at http://localhost:5000
### Frontend Setup
1. Open the `index.html` file in your browser, or serve it using a simple HTTP server:
If you have Python installed:
python -m http.server 8000
Then open http://localhost:8000 in your browser.
2. If you're deploying to a different server, update the API_URL in app.js to point to your Flask server.
## Usage
1. **Adding a Note**:
- Fill in the title and content fields
- Click "Add Note"
2. **Viewing Notes**:
- All notes are displayed in the "Your Notes" section
- Notes are sorted with the newest at the top
3. **Deleting a Note**:
- Click the "Delete" button on any note
- Confirm the deletion when prompted
## Project Structure