Skip to content

btwlouis/todo-app

Repository files navigation

Todo App

This is a simple Todo application built using Vue.js. It allows users to manage their tasks by adding, updating, and deleting todos. The app retrieves dummy todo data from a provided API and displays it in a user-friendly interface.

Features:

  • View a list of todos fetched from a dummy API.
  • Mark todos as completed by checking the checkbox.
  • Delete todos from the list.
  • Responsive design for optimal viewing on mobile devices.

Technologies Used:

  • Vue.js
  • Tailwind CSS
  • Axios

How to Use:

  1. Clone the repository to your local machine.
  2. Navigate to the project directory.
  3. Install dependencies using npm install.
  4. Start the development server with npm run serve.
  5. Open your web browser and navigate to the provided local server address.
  6. Interact with the Todo app by marking todos as completed or deleting them as needed.

Development:

The app retrieves todo data from a dummy API provided via a network request. Upon receiving the data, it displays the todos in a list format. Users can interact with each todo item by marking it as completed or deleting it from the list. The app utilizes Vue.js for its reactive user interface and Tailwind CSS for styling.

Contributors:

  • btwlouis

Feel free to contribute to the project by submitting pull requests or reporting any issues you encounter. Your feedback is highly appreciated!

License:

This project is licensed under the MIT License.