Submitted almost 2 years ago
Advice generator app using React and TypeScript
@kanuos
Design comparison
SolutionDesign
Solution retrospective
This is my solution to Advice-generator app. The tech stack used in this project are as follows:
- React for UI-UX and logic
- Tailwind CSS for styling
- TypeScript for type checking
- Vite as build-tool
- Vitest and React Testing Library for unit testing the app
The app was built with mobile first approach in mind.
In addition to the challenge, I've also implemented the following -
- Welcome screen - for users visiting the app for the first time
- Load Screen - a placeholder message displayed when the user clicks the button and the advice is being generated
- Error screen - if the server is down or some other error props up in production
Please check out my solution as well as code. Feel free to leave your valuable feedback. Happy coding 👨🏾💻
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord