ToDo Tailwind Templates

Todo

Simple todo list web application built with TypeScript and Next.js with Tailwind css.

Todo App

This is a simple todo list web application built with TypeScript and Next.js.

Features

  • Add new tasks to the list
  • Mark tasks as completed
  • Delete tasks from the list
  • Responsive design

Technologies Used

  • TypeScript
  • React
  • Next.js
  • Tailwind CSS

Contributing

Contributions are welcome! Please follow these guidelines when contributing to the project:

If you have new features or improvements in mind, feel free to share them in the issues section. Describe the feature or improvement you'd like to see, and we can discuss it further.

Update To-Dos Feature

User should be able to edit the task, consider adding an edit button.

Lazy Loading for To-Dos

Consider implementing lazy loading for the To-Dos to improve performance, especially if the list grows large. Use libraries like react-lazyload for this purpose.

Breakpoints for Variable Sizing

Ensure that the app is responsive by using breakpoints for variable sizing. Use media queries in your CSS or consider using a responsive framework like Tailwind CSS.

Fix CSS

If you encounter any CSS issues or find areas where the styling can be improved, feel free to fix them. Make sure to test your changes across different screen sizes.

Pull Requests

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature/your-feature-name).
  3. Make your changes.
  4. Commit your changes (git commit -am 'Add new feature').
  5. Push to the branch (git push origin feature/your-feature-name).
  6. Create a new Pull Request.

Code of Conduct

Please note that this project is released with a Contributor Code of Conduct. By participating in this project you agree to abide by its terms.

Screenshots

Top categories

Loading Svelte Themes