To-do List Project for Group 1 of CS 2450 at UVU
This project is a to-to list that helps our users organize their lives and projects.
Our target users are busy people: students, parents, and working professionals. We want to help the overwhelmed student manage their homework, the parent to remember what to pick up from the store, and the employee to balance personal goals and projects against their work life. Our core value is helpfulness, or, in other words, enabling users to track, manage, and reach their goals.
This todo-list app with a clean modern look allows users to organize their tasks into specialized lists so that users can manage different areas of their life, lets them prioritize their tasks, and lets them keep track of when tasks are due or coming up.
You add tasks by typing in the input field and press enter or press the add button to add the task to your list. Same thing for adding lists. You can also rearrange your tasks and lists by dragging and moving around the tasks and lists to the order your prefer. You can edit tasks and lists by clicking the paper and pencil button to change their name and other attributes. You can toggle the completion status of tasks by clicking the box to the left of the task name.
- Light/dark mode
- Persistence of tasks
- Editable tasks and lists
- Draggable tasks and lists to your preferred order
- Tasks have priorites (Low, Medium, High) that you can set and you can mark them as complete.
- Tasks have due dates you can set and tells you when they are due. They turn red when they are overdue or are due soon.
- Fireworks reward for completing increments of 5 tasks. You can also reset the task counter
Our application is hosted on render.com. The link is here: https://group1project.onrender.com/. NOTE! : (tasks are saved across all devices due to how the database works, this might be changed in the future to a local database for each user).
Our initial file structure was not as organized as it could've been. Our current file structure is much organized and is split into a docs and code folder, with the code bieng split into a backend and frontend folder. The backend folder follows the MVC architecture and the frontend folder is modular and easily broken down into parts like hooks, services, components, etc. Testing was done primarily for the backend with unittest and pytest.
Jaxon Larsen, Bishakha Tamrakar, Dominic Liechty, Kylee Leavitt, Simon Smith. Thank you to Professor Ratul for the advice on this project.
If you clone this repository, to view the web app in a browser run this command within this directory: YourDirectory/Group1Project npm run start or from the root directory of the project. This has the react/vite client and python server run at the same time with one command. Your terminal should output a link like localhost:5173. This project uses React/Vite and Python so you will need Node.js and Python installed on your computer.