A React project gathering many productive elements to help user with planning and decision-making.
I- Requirements: 1-Header: Home - About - Github - Linkedin 2-Weather: Small bar displaying current temperature (C and F) - today's weather - wind speed - location 3-To do app: Gathers user data to add to list and manage it below the list a-Gather: ID(auto-generated) - Task name - Description - Date - Priority - Important - Repeat - Done b-Control: Edit - Delete 4-Real-time clock: showing user's current time with the option to toggle 24h and 12h - User's region 5-Footer: credit - tech stack - linkedin
II- Tools:
1- React (vite)
2- Component libraries for Style (Material UI)
3- Weather API
4- Git with Github
5- Documentation with Notion and README.md
6- State management: useState & useEffect
7- WebStorm
8- React-Router
III - Details:
An all-in-one solution to help with productivity. combining many of productivity planning needs to help manage and streamline workday & productivity planning.
IV- Features:
1- Real-time clock to help keep tracking of time.
2- Weather forecast app to help with any case of emergency planning throughout the day.
3- A full Todo app with management to add to remove tasks.
4- Customization to work with 12 or 24 hour clocks - and same for Celsius to Fahrenheit for temperature.
5- Simple usable design.
V- Project Structure:
dataTask > public && src && project files (.gitignore - license - package.json - etc…)
src > assets && components && services && styles && utils
VI- Dependencies installed:
1- React initiated with Vite
2- Material-MUI
3- React-Router
VII- Todo Component: Form to add tasks (name, desc, date, priority, etc.), table to view/edit/delete, responsive design.