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.