This is a solution to the Advice generator app challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
For the Frontend Mentor Advice generator app challenge, I created a Advice generator app that allows users to advice a message. The goal of this project was to practice building responsive and visually appealing components using HTML and CSS. I aimed to create a clean and user-friendly interface for generating advices.
- Solution URL: https://github.com/sudeep2003/advice-generator-app.git
- Live Site URL: https://sudeep2003.github.io/advice-generator-app/
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- API
In future projects, I plan to focus on the following areas:
-
1. JavaScript Interactivity: Adding dynamic features to the QR code component, such as the ability to customize QR code content and download generated QR codes.
-
2. Accessibility: Ensuring that the component is accessible to users with disabilities by implementing proper ARIA attributes and keyboard navigation.
- 3. Cross-browser Compatibility: Testing the component on various web browsers and ensuring it works seamlessly on different platforms.
I would like to thank Frontend Mentor for their valuable insights and guidance during the development of this project. Their contributions were instrumental in achieving the desired outcome.
Feel free to customize and expand on these sections to provide more details about your project and your future development plans.