Skip to content

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.

Notifications You must be signed in to change notification settings

AbdullahRFA/MyTodo_app_using_flask_with_flask-sqlalchemy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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:

    git clone https://github.com/AbdullahRFA/MyTodo_app_using_flask_with_flask-sqlalchemy.git
    
  2. Navigate into the project directory:

cd MyTodo

  1. 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.

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published