Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/abdullahrfa/mytodo_app_using_flask_with_flask-sqlalchemy

A simple and responsive To-Do list web application built with HTML, CSS, Flask, flask-sqlalchemy, and Bootstrap. Users can efficiently create, manage, and organize tasks with features like adding, marking tasks as complete, and deleting tasks. The app also features a responsive design and social media links in the footer.
https://github.com/abdullahrfa/mytodo_app_using_flask_with_flask-sqlalchemy

flask flask-api flask-application flask-backend flask-biginner-project flask-crud flask-crud-api flask-project flask-project-bigginer flask-projects flask-server flask-sqlalchemy flask-web mytodo mytodo-app mytodoapp mytodolist

Last synced: 12 days ago
JSON representation

A simple and responsive To-Do list web application built with HTML, CSS, Flask, flask-sqlalchemy, and Bootstrap. Users can efficiently create, manage, and organize tasks with features like adding, marking tasks as complete, and deleting tasks. The app also features a responsive design and social media links in the footer.

Awesome Lists containing this project

README

        

# MyTodo App

A simple and responsive To-Do list web application built with **HTML**, **CSS**, **Flask**, **flask-sqlalchemy** and **Bootstrap**. This app allows users to create, manage, and organize their tasks efficiently.

## Features

- **Add tasks:** Add tasks to your to-do list with a single click.
- **Mark as complete:** Easily mark tasks as completed by clicking on them.
- **Delete tasks:** Remove tasks from your to-do list with a click of a button.
- **Responsive design:** The app is fully responsive and works across different screen sizes and devices.
- **Social media footer:** The footer includes social media links like Facebook, Twitter, Google, Instagram, LinkedIn, and GitHub.

## Installation

1. Clone the repository to your local machine:

```bash
git clone https://github.com/AbdullahRFA/MyTodo_app_using_flask_with_flask-sqlalchemy.git

```

2. Navigate into the project directory:

cd MyTodo

3. Open index.html in your browser to see the app in action.

## Technologies Used

1. HTML: Markup for the structure of the app.

2. CSS: Styling the app using custom CSS and Bootstrap.
3. JavaScript: For the logic to add, delete, and mark tasks as completed.
4. Bootstrap 5: For the responsive layout and pre-designed components.
5. Font Awesome: For social media icons in the footer.

## Usage

1. Add tasks by typing in the input box and clicking the Add Task button.
2. To mark a task as complete, click on the task, and it will be visually updated.
3. To delete a task, click the Delete button next to the task.
4. The footer section includes links to various social media platforms.

## Footer Social Media Links

The footer of the app includes links to social media platforms:

1. Facebook
2. Twitter
3. Google
4. Instagram
5. LinkedIn
6. GitHub

These icons will redirect to the respective social media pages.

## Contributing

Feel free to fork this repository and submit pull requests for improvements, bug fixes, or new features.

1. Fork the repository.
2. Create a new branch (git checkout -b feature-branch).
3. Commit your changes (git commit -am 'Add new feature').
4. Push to the branch (git push origin feature-branch).
5. Create a new pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Author

Abdullah Nazmus-Sakib
Tech enthusiast and Software Developer, CSE at Jahangirnagar University.

Feel free to explore and contribute to this project.

### Key Sections in the README:

1. **Project Overview:** A brief description of the application and its features.
2. **Installation Instructions:** Step-by-step guide to setting up the project locally.
3. **Technologies Used:** A list of technologies used in the project.
4. **Usage Instructions:** Details on how users can interact with the app.
5. **Contributing:** Instructions for developers on how they can contribute to the project.
6. **License and Author Info:** Information about the project's license and author.

You can customize the repository link and author information as per your project.