https://github.com/prernarohra/todo-webapp
Simple Todo App for practice.
https://github.com/prernarohra/todo-webapp
axios css data fastapi html json python typescript
Last synced: 3 months ago
JSON representation
Simple Todo App for practice.
- Host: GitHub
- URL: https://github.com/prernarohra/todo-webapp
- Owner: prernarohra
- License: mit
- Created: 2025-02-11T07:57:41.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-14T06:57:01.000Z (over 1 year ago)
- Last Synced: 2026-01-03T19:26:19.824Z (6 months ago)
- Topics: axios, css, data, fastapi, html, json, python, typescript
- Language: TypeScript
- Homepage:
- Size: 243 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Todo Web App
This is a simple Todo web application built to practice full-stack development using **TypeScript, HTML, and CSS** for the frontend and **Python** for the backend. The frontend interacts with the backend using **Axios** for API requests.
## 🚀 Features
- Add, edit, and delete todos
- Store and retrieve todos from a backend
- Responsive UI with a clean design
- Axios integration for API communication
## 🛠 Technologies Used
### Frontend:
- TypeScript
- HTML
- CSS
- Axios (for HTTP requests)
### Backend:
- Python
- FastAPI
- Database used (JSON)
## ⚙️ Setup Instructions
### Backend
1. **Clone the repository:**
```sh
git clone https://github.com/prernarohra/Todo-WebApp.git
```
2. **Set up a virtual environment**:
```sh
python -m venv venv
source venv\Scripts\activate
```
3. **Install dependencies:**
```sh
pip install -r requirements.txt
```
4. **Run the backend:**
```sh
uvicorn endpoints:app --reload
```
### Frontend
1. **Install dependencies:**
```sh
npm install
```
2. **Run the development server:**
```sh
npm start
```
## API Endpoints
### Method Endpoint Description
- **GET todos**: Fetch all todos
- **POST todos**: Add a new todo
- **PUT todos/id**: Update a todo
- **DELETE todos/id**: Delete a todo
## 📸 Screenshot
## 🚀 Future Improvements
- User authentication
- Persistent storage using a database
- Dark mode UI
## 🤝 Contributing
Feel free to fork this repository and submit pull requests with improvements.
## 📜 License
This project is licensed under the **MIT** License.
#### ⭐ Don't forget to star this repository if you find it useful!