sauvejeanluc / coffee-tasks

Next gen AI Powered Todo-List

Hi there 👋

I'm SAUVÉ Jean-Luc, Seems Open-Sourcing is a thing 🙂.

🧑‍💻 Proudly a contributor of:

• primer.picoctf.org [Source]
• typescript-exercises.github.io [Source]
• coffee-tasks [Source] (Owner and Maintainer)
• Drop-Youngers [Source] (Owner and Maintainer)
• List is yet To Grow 🙂

coffee-tasks's Issues

Add a greeting card

Hello, there!
I would like to add a greeting card with animation to the webpage when the user is visiting the webpage. This will enhance the UI/UX experience of the user.

Kindly assign me the issue and add the Hacktober label. @SauveJeanLuc

Making Popup buttons clickable

The Buttons Add Task and Cancel should be responsive on click and hover events, so the end-user can know the button was clicked.

Mobile responsiveness optimizations

Pop up needs some optimizations for mobile devices

Beautify README.md

• Properly Align the texts.
• Fix Typo.
• Improve the Image
  Show your creativity.

Add Prettier into Project

With so many people working on this project it would be good to add some automated formatting to make sure that all the code is formatted properly.

Currently alot of the merge conflicts are to do with formatting and this comes from each person using their own editors all with different settings.

Adding in prettier with and some rules for the repo will help with these merge conflicts and with the overall quantity of the code.

We already have Husky installed to help with linting so it would also be good to include prettier auto formatting into that too so that whenever someone makes a commit it auto formats to the repos settings.

Add Basic (CRUD) Functionalities in the Project's Mockup on Figma

Currently, on the Project Mockup, only a Pop-Up to add a new task is designed.
The rest of the basic functionalities awaits your help, and it's on the UI/UX you'll provide that the whole project implementation will base.

To get started, make a request for Edit Privileges on the
Figma Design And Thereafter, CREATE A PR/MR TO TRACK IT

Add yourself as a contributor to README (using @all-contributors bot)

Please, help me add all contributors with respect to their roles on README, so their contributions won't be overlooked.
Find some examples below of how to use the bot.
I'll be merging all relevant pull-requests from it.

Provide AI suggestions while creating a new Task (Integration with OpenAI APIs)

Users should get task completion suggestions as they type in what they are going to do in the day.

Position Placeholder in Add New Task Pop-Up

The two placeholders should be on the same left margin.

Complete or incomplete tasks are not differentiable in list

When we add task and whether we choose complete or incomplete in both case it task added look exactly same.

There should be difference between completed or incomplete tasks when we add them.

solution

1.I think either we should write completed or incompleted in row same as task on right side.or,

2.Designate some symbol for completed or incompleted.

I want to work on this.

What is your opinion, regarding this..?

bug: Tasks are not showing up in UI

The task are getting stored locally but they are not getting listed in the UI

2022-10-03.00-06-15.mp4

Add Pull-Request Template For The Repo

This repo needs a Pull-Request Template that should be used by all Contributors raising a PR.

In Need Of Senior React Devs to Help in Project Maintenance 🙂

Let's have a discussion on this in #14 🙂

Make Add New Task Pop-Up responsive

Currently the "Add New Task Pop-Up" fails on many responsiveness tests.

Want to add dark theme feature to it

Add Delete Existing Task Functionality

There's currently no way to delete an existing Task.
NB:

• This should be done by using Local Storage.
• This waits for issue #2

Add Tailwind Set-up to Project

The project is currently relying on vanilla CSS.
Add we want to add some tailwind in the ride, will you help 😺?

Add List Tasks by Category Functionality

Users should be able to list tasks by category (All - Complete - Incomplete)

Edit tasks' status does not exist

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• This is bug in the application 🐛
• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository

Describe the bug
After I created a new task, I cannot edit the task status to "Complete" or "Incomplete". The data is stored in local storage so I think I can create an easy way to edit the status using a pop up similar to create a new task and persist the change to local storage.

To Reproduce
Steps to reproduce the behavior:

1. Go to home page
2. Click on the task
3. Cannot edit the task

Expected behavior
I expected to see the updated status on the home page.

Current behaviour
Currently, the list is just read-only.

Possible solutions (Optional)
Reuse the design of create a new task modal and allow users to edit status.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Failure Logs

Please include any relevant log snippets or files here.

Additional context
Add any other context about the problem here.

License

Task completion appreciation.

Upon completion of the task, a pop-up box will be displayed to appreciate the user, motivating them to complete the task. This will enhance user engagement.

Kindly assign me the issue and add the Hacktoberfest label to it. @SauveJeanLuc

List Tasks according to New Design

Tasks or To-Dos should be listed according to the new design.

Convert application to a Progressive Web Application

Make the website more dynamic by implementing progressive application

In SAUVE Jean-Luc's words, To-Do List Apps are often underrated but a lot can be done by building one, from basic crud implementation to progressive web application implementation.
I would like to make the coffee-tasks application a progressive web for the following reasons:

• The coffee-tasks application can be accessible offline
• One-click access to the coffee-tasks application once it is saved to the Home screen.

UX Writing - Task vs Todo

There are 3 instances of the word “task” and 2 instances of the word “todo”.

This can cause confusion to the user. Users like simple and concise action. We don’t want to confuse them.

The word “todo” is really not a widely used word. “To-do” is a more acceptable word.

Implement Project's CI/CD and Have it Hosted

Project needs to go live both for test and production

warning: Duplicate key "padding" in object literal

When we try to run the project in vite, it shows a warning, which should be resolved

Implement a way to close Add Task Pop-Up

The current "Add Task Pop-Up" provides no way to close it.

Enter Key Press Should Add Task on Pop-Up

While Adding a new task, the user should be able to add it by just pressing The Enter Key.

Bug: Dropdown options should not be editable

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• [x ] This is bug in the application 🐛
• [x ] I am running the latest version
• [x ] I checked the documentation and found no answer
• [x ] I checked to make sure that this issue has not already been filed
• [x ] I'm reporting the issue to the correct repository

Describe the bug
The options from the selection menu, can be edited, and also I noticed this was mentioned in the currently merged PR #119

To Reproduce
Steps to reproduce the behavior:

Make a Mobile-Version Mock-Up for the Project on Figma

Project needs a mobile-version design on Figma.

To get started, make a request for Edit Privileges on the
Figma Design And Thereafter, CREATE A PR/MR TO TRACK IT

Add responsiveness to the whole site

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• responsiveness is not good at the moment

To Reproduce
Steps to reproduce the behavior:

1. Go to browser console

Possible solutions (Optional)
Add responsiveness using tailwind css

Screenshots
If applicable, add screenshots to help explain your problem.

License

No id field for created task

• This is bug in the application 🐛
• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository

Describe the bug
addTask functionality provides no id field for created task.

Expected behavior
A clear and concise description of what you expected to happen.

Current behaviour
A clear and consise description of what is happening. If possible, give reasoning behind difference in current behaviour and expected behaviour

Possible solutions (Optional)
Add random id generator like nanoid or uuid

Fix Link To Figma Design in README

Currently the link to Figma in README is not even being recognised as hyperlink.

Adding Date and Time to Tasks

We can add a date and time for each task. That will engage the user and will keep track of his/her tasks,
If you found it useful, please assign this to me.

Add the initial TypeScript setup to begin using it in the repo

I would love to work on implementing the initial Typescript setup so developers can start adding ts and tsx files.

Ideally, rather than using prop-types, TypeScript provides are more robust solution that will improve documentation and scalability.

Give me the go ahead and I'll add the setup and convert the existing code into TypeScript.

This should not interfere with those that would still like to create javascript files, in fact it would only improve their developer experience!

Delete a task should have a confirmation dialog

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• This is bug in the application 🐛
• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository

Describe the bug
Delete a task should have a confirmation dialog

To Reproduce
Steps to reproduce the behavior:

1. Click on Delete icon on any of the task
2. Task gets deleted

Expected behavior
Delete Click event should open a confirmation message. Based on that user can delete the task. This will help preventing the mistake to delete a task.

Current behaviour
A clear and consise description of what is happening. If possible, give reasoning behind difference in current behaviour and expected behaviour

Possible solutions (Optional)
Give ideas for solving the problem, provide relevant links to additional packages you are mentioning

Screenshots

Desktop (please complete the following information):

• OS: Ubuntu
• Browser Brave
• Version [e.g. 22]

Failure Logs

Please include any relevant log snippets or files here.

Additional context
Add any other context about the problem here.

License

Make an Appealing README for #Hacktoberfest Contestants

The current README.md file seem to need some improvements to make it more appealing.

Add ES-Lint Configuration To The Project

Projects need ESLint SetUp in order to make code more consistent and avoid bugs.

Replace JavaScript Alert Box with in place alert Message

Bug: Strange behavior in select

Strange behavior in select, showing an input with a blue border. If it makes sense to adjust, you can add this issue in my name to resolve.

Toggle complete with radio button and add line through text to signify completion

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• This is bug in the application 🐛
• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository

Describe the bug
I went through the application and in the TodoContainer component, the function to toggle complete state is commented out, and if this is a feature, then this issue can be ignored, but if not, I recommend adding a button to each task that can toggle the completion state

License

i can add restore / delete task functionality along with popup messages !!

Header part containing Add Task button and Select is not Responsive

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• This is bug in the application 🐛
• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository

Describe the bug
Buttons Add Task and Select in the header are not responsive on smaller screens.

To Reproduce
Steps to reproduce the behavior:

1. Visit the web-app on a mobile phone
2. View the version of web on smaller devices through inspect

Expected behavior
The two buttons Add Task and Select should maintain the space between them on smaller screens evenly, and have the size short.

Current behaviour
The two buttons Add Task and Select doesn't maintain the space between them on smaller screens.

Screenshots

Smartphone (please complete the following information):

• Device: Techno Pop 2F
• OS: Android
• Browser: Chrome
• Version [e.g. 22]

Animated Front Page

The website looks a bit simple....So i want to add some fancy animations using Framer Motion....I want to work under Hacktoberfest

Update existing task

There's currently no way to update an existing Task.
NB:

• This should be done by using Local Storage.
• This waits for issue #2

Pop-Up has a wrong z-index on smaller screens

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• This is bug in the application 🐛
• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository

Describe the bug
Pop-Up is showing up behind the add task and select buttons

To Reproduce
Steps to reproduce the behavior:

1. Visit the web-app on a mobile phone
2. View the version of web on smaller devices through inspect

Expected behavior
Pop-Up should come in front of all components

Current behaviour
Pop-Up is showing up behind the add task and select buttons

Screenshots

Smartphone (please complete the following information):

• Device: Techno Pop 2F
• OS: Android
• Browser: Chrome
• Version [e.g. 22]

Pop-Up is way too big for desktop users

The Pop-Up should have a moderate size for desktop users as well as staying responsive for mobile devices.

Add Issue Template For The Repo

This repo needs an Issue Template that should be used by all Contributors raising an Issue.

There is no default value for status

Prerequisites

• This is a bug in the application 🐛
• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository

Describe the bug

I got this error when I tried to add a task,
When I added the task without specifying the status
I thought incomplete would be a default value, it returned an error

To Reproduce
Steps to reproduce the behavior:

1. Go to Homepage
2. Click on Add Task
3. add a title
4. click on Add task
5. See the error

Expected behavior
The status should have a default value or add an option saying choose status so users we will understand they have to select it manually

Current behavior
We need to select the status manually

Possible solutions\

Add a default value in react-select

I would like to work on this issue

Screenshots

Desktop (please complete the following information):

• OS: Linux
• Browser: Firefox
• Version: 105.0.1

Add a "Remove" icon to remove added tasks

A "remove" feature is needed to remove the tasks from the list after adding. I suggest we use a remove icon svg at the right side of the task after the 'task-status' label.

• This is bug in the application 🐛
• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository

After this change, user will be able to remove task from the list by clicking the "remove icon"

Add Create New Task Functionality

There's currently no way to create a new task.
NB: This should be done by using Local Storage.