Quick Note A single-page, full-stack note-taking web app. Create, view, and delete notes with a clean, responsive UI. The frontend talks to a REST API using fetch(). Backend: Python 3 + Flask (RESTful API) Storage: local JSON file (notes.json) Frontend: HTML / CSS / vanilla JS, async fetching API Method Endpoint Description Body GET /notes List all notes — POST /notes Create a note { "text": "..." } DELETE /notes/ Delete a note by id — Run locally Requires Python 3.9+.
python -m venv venv source venv/bin/activate # on Windows: venv\Scripts\activate
pip install -r requirements.txt
python app.py Open http://localhost:5000 in your browser. Project structure quick-note-app/ ├── app.py # Flask backend + REST API ├── requirements.txt # Python dependencies ├── Procfile # start command for deployment ├── render.yaml # Render config (optional) ├── templates/ │ └── index.html # frontend page └── static/ ├── style.css # styling └── script.js # fetch() logic Deploy (Render — recommended for Flask) Push this repo to GitHub. Go to render.com → New → Web Service. Connect your GitHub repo. Settings: Build Command: pip install -r requirements.txt Start Command: gunicorn app:app Deploy. Your live URL will look like https://quick-note-app.onrender.com. Note on storage: the free tier has an ephemeral filesystem, so notes.json resets when the service restarts. That's fine for a demo. For permanent storage, swap the JSON store for a database (e.g. SQLite on a persistent disk, or Postgres). License MIT