A Front-End project of an inspirational homepage for Codecademy's Front End Engineering Path. This application interacts with different APIs to display dynamic data. It will also provide users with a space to write down their tasks for the day. This project was bootstrapped with Create React App, using the Redux and Redux Toolkit template.
Users will be able to check the date and time, and the current weather. The user can dynamically change the background image and select through multiple fetched images and also go back to a previous one. The users can write down their tasks of the day, that will be display. They can mark their tasks as completed, delete and edit them. The list of tasks and their states (completed or not) is preserved when the page is refreshed. You can read an inspirational quote by clicking on a button, and hide it once you've read it.
- HTML, CSS, Javascript
- React v18.2.0
- React Redux v8.0.4
- Redux Toolkit v1.8.6
- React Router v6.4.2
- React-icons v4.4.0
- Styled Components v5.3.6
- Normalize.css v8.0.1
- Axios v1.1.2
- Moment.js v2.29.4
- OpenWeather : to fetch the current weather, give temperatures
- Quotes via RapidAPI : to fetch a quote
- Unsplash API: to fetch random images to use as a background
- GithubDesktop to handle version control.
- Trello to create a board with a checklist of all the different steps of the project, and plan my work.
Accessibility : 100 on desktop and mobile
Performances : 68 on desktop (work on the images format) / 67 on mobile
Good practices : 67 on desktop
Search Engine Optimization : *100 on desktop and mobile
- Add a functionality to ask the user the permission to locate her/him and improve the lighthouse scores in good practices
- Improve the Lighthouse scores
- Improve the layout for the mobile version
- Write unit tests