Created by using React ⚛️, Fetch API 🌐, Styled Components 💅, SCSS 🎨
Solution retrospective
📁 Project: Advice Generator
🔗 GitHub Repository: https://github.com/svyatoslavkk/advice-generator-app-main
🧰 Tools and Techniques:
React ⚛️ Fetch API 🌐 Styled Components 💅 SCSS 🎨 Responsive Design 📱 Animation 🚀 Git (Version Control) 🐙 Deployment on Netlify ☁️ 💡 Summary:
I created an advice generator app that provides users with random advice. It's responsive and visually appealing. Users can click the dice icon to get advice, and the count increases with each new advice.
👉 Live Demo: https://advice-generator-app-main-one-alpha.vercel.app/
🚀 Future Improvements:
Implement error handling 🛠️: Enhance error handling to provide a better user experience in case of API request failures. Add more interactivity and sharing options 💬: Extend the app's functionality by allowing users to interact with advice and share it on social media. Enhance the user interface and design 🎨: Improve the visual design and user interface to make the app even more engaging and user-friendly. I enjoyed building this project and learned valuable skills along the way.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @bisoladev
Great implementation !! I love the fact that you created your own spinner from scratch The only observations I would give are:
- I think one divider image would be better and then adding a max width to it so that it doesn't overflow in mobile view...because your implementation though had two different images for mobile and desktop, overflows when it gets to a small-sized mobile
- Adding an error state, like an 'oops an error occurred message' when there is an error would be great
Overall I think it was an awesome job
Marked as helpful
Join 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