WeekBoard

See the App!

Live Deploy: https://weekboard.vercel.app/

---

Description

WeekBoard is a weekly task management application that allows users to organize tasks by categories, manage urgency levels, and track completion status in a clean and intuitive interface.

---

Client Repository

https://github.com/elahe/weekboard-client

Server Repository

https://github.com/elahe/weekboard-server

---

Technologies, Libraries & APIs Used

• React
• Vite
• React Router
• Axios
• Material Design
• json-server (backend API)
• Vercel (deployment)

---

Backlog Functionalities

• Filtering tasks by category
• Advanced task filtering (urgent / completed)
• Additional UI improvements
• Future feature enhancements

---

Client Structure

User Stories

• As a user, I want to see all my tasks so that I can manage my week efficiently.
• As a user, I want to create a new task so that I can organize upcoming responsibilities.
• As a user, I want to edit a task using a modal so that I can quickly update task details without leaving the page.
• As a user, I want to delete a task so that I can remove completed or unnecessary items.
• As a user, I want to mark a task as completed so that I can track my progress.
• As a user, I want to assign tasks to categories so that I can stay organized.
• As a user, I want to view tasks by category so that I can focus on specific areas.
• As a user, I want to navigate easily between pages using the navbar.

---

Client Routes

React Router Routes (React App)

Path Page Behavior

---

/ Home Displays homepage overview /tasks Task List Shows all tasks /category Category Page Displays categories /about About Page Displays information about the project

Note: Task editing is handled through a modal component, and the URL does not change when editing a task.

---

Other Components

• Navbar
• Footer
• Task Card
• Category Card
• Create Task Modal
• Edit Task Modal

---

Links

Collaborator

Elahe Hashemi

---

Project

Client Repository
https://github.com/elahe/weekboard-client

Server Repository
https://github.com/elahe/weekboard-server

Live Deploy
https://weekboard.vercel.app/

---

Slides

(https://www.canva.com/design/DAHB2-G6UxM/CKrGPzUrSdyjVoPyEu4Cng/edit?utm_content=DAHB2-G6UxM&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton)