This Personal Dashboard application is a React-based project designed to enhance productivity by providing weather updates and a todo list management system. It is built using the TypeScript language and follows the Bulletproof React architecture for a scalable, maintainable codebase. With Tailwind CSS, the application sports a modern, responsive design that adapts seamlessly to both desktop and mobile devices.
The inspiration behind this Personal Dashboard was to create a simple, yet powerful application that aids in daily personal organization. By integrating weather updates directly alongside a todo list, users can plan their tasks with the weather in mind, enabling better decision-making and productivity.
Check out the live demo of the application here.
- Responsive design with Tailwind CSS for a great user experience on any device
- Dynamic weather information based on the user's chosen location
- Real-time weather data updates with a refresh option
- Task addition and management in an intuitive todo list
- Task filtering options to display all, active, or completed tasks
- Full application state management for a seamless user experience
This project was built with the following key technologies:
- React (Create React App)
- TypeScript
- Tailwind CSS
- Bulletproof React architecture principles
- Clone the repository:
git clone https://github.com/Yazan-Ali-01/Todos-Weather.git - Install dependencies:
npm install - Start the development server:
npm start - Open http://localhost:3000 in your browser.
Your feedback is highly appreciated! If you have any suggestions or issues, please feel free to open an issue in the GitHub repository.
Interested in contributing to this project? Your contributions are welcome! Please feel free to fork the repository, make your changes, and submit a pull request.
For any queries or further discussions, you can reach me at:
Email: yazan.ali.dev@gmail.com
LinkedIn: Yazan Ali