Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add a Todo List in React Ts and Tailwind CSS #535

Closed
Thunder-Blaze opened this issue Jan 15, 2025 · 2 comments · Fixed by #568
Closed

Add a Todo List in React Ts and Tailwind CSS #535

Thunder-Blaze opened this issue Jan 15, 2025 · 2 comments · Fixed by #568
Assignees
@Thunder-Blaze
Labels
enhancement New feature or request INTERMEDIATE SWOC

Comments

@Thunder-Blaze
Copy link
Contributor

Thunder-Blaze commented Jan 15, 2025 •
edited
Loading

Description

I would like to add a todo list made in react ts and tailwind with the following features

  • Saving of list items so that they do not get lost on reload
  • Ability to make the task recurring (which gets reset every day)
  • Pinning of list items (they stay on top)
  • Dark and Light Modes
  • Adding Slight Animations so that it makes the list visually pleasing while also maintaining performance
  • Exporting the list items as a PDF
  • Add tags to list items to categorise them
@github-actions GitHub Actions
Copy link
Contributor

Thank you for raising this issue! We'll look into it as soon as possible. Please ensure that the issue is not duplicate, and you read CONTRIBUTING.md carefully. Your contributions are highly appreciated! 😊

@Thunder-Blaze Thunder-Blaze mentioned this issue Jan 17, 2025
Merged
12 tasks
dhairyagothi added a commit that referenced this issue Jan 17, 2025
@dhairyagothi
Feat/add todolist react ts tailwind (#568)
3cf0016 
## Related Issue
Closes #535 

## Description
- Added a TodoList made in React, TS and Tailwind
- Has Autosaving Functionality
- Dark and Light Modes
- Tags for better Organization of List
- Filtering of List based on status like completed, pinned, or dalies
- Has a Pinning Feature
- Has a Feature that lets you reset the checked status after a day (ie
Dalies, if the item is checked and recurring)
- This whole website is responsive and has various small animations to
enhance user experience
- Also Organized the data in Index.js to a more readable format

## Type of PR
- [x] Feature enhancement

## Screenshots / Videos (if applicable)


https://github.com/user-attachments/assets/139eec02-f8d4-40cb-954d-a4f76eabf5d4



## Checklist
- [x] I have performed a self-review of my code.
- [x] I have read and followed the Contribution Guidelines.
- [x] I have tested the changes thoroughly before submitting this pull
request.
- [x] I have provided relevant issue numbers, screenshots, and videos
after making the changes.
- [ ] I have commented my code, particularly in hard-to-understand
areas.
- [x] I have followed the code style guidelines of this project.
- [x] I have checked for any existing open issues that my pull request
may address.
- [x] I have ensured that my changes do not break any existing
functionality.
- [x] Each contributor is allowed to create a maximum of 4 issues per
day. This helps us manage and address issues efficiently.
- [x] I have read the resources for guidance listed below.
- [x] I have followed security best practices in my code changes.
@github-actions GitHub Actions
Copy link
Contributor

Hello @Thunder-Blaze! Your issue #535 has been closed. Thank you for your contribution!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@Thunder-Blaze Thunder-Blaze

Labels
enhancement New feature or request INTERMEDIATE SWOC
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Feat/add todolist react ts tailwind Thunder-Blaze/100_days_100_web_project
2 participants
@Thunder-Blaze @dhairyagothi