WEEKLY TASK ORGANIZER

This Project for organizing your week based on only 7 days tracker

table of contents

• Overview
  • The Project
  • Screenshots -Large screen -Small Screen
  • Links
• My process
  • Built with -Important notes
• Author

Overview

The Project

The Weekly task organizer is a task manager to organize your week!

Users should be able to:

• View the optimal layout for the section depending on their device's screen size
• Switch between pages home/planning
• Add new task based on title, detail and date (only 7 days ahead)
• complete tasks
• Showing only today's task on the screen

App usage:

• On the planning page there is a card showing today's time
• You can add complete tasks based on the time you want it be done or if you have a meeting or so
• The tasks showen on the page are only for that day
• Only one week tasks can be added
• You can schedule your whole week and check on everyday

Screenshots

Large screen

Small screen

Links

• Source: GitHub Repository
• Live: Live Site

My process

Built with

• React
• TypeScript
• Tailwind CSS
• Redux
• Vite
• Mobile-first workflow
• localStorage

Important notes

• Navlinks: These two links (home and planning) used as a button element instead of anchor element because i didnt use any paths in this app
• The Logo: This logo wasn't made by me and found it on flaticon
• Layout of Todo card: I didnt design the layout from scratch and used an exist one, Todo Card Design i took the stars off because i had no use for them in this app.

Author

• GitHub - @RedouaneAjgagal