Skip to content
Submitted about 1 year ago

Created by using React āš›ļø, Fetch API šŸŒ, Styled Components šŸ’…, SCSS šŸŽØ

svyatoslavkkā€¢90
@svyatoslavkk
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Advice generator app
  • HTML
  • CSS
  • JS
  • API
2junior

Design comparison

SolutionDesign

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.

Community feedback

  • Bisola Onaolapoā€¢160
    @bisoladevPosted about 1 year ago

    Great implementation !! I love the fact that you created your own spinner from scratch The only observations I would give are:

    1. 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
    2. 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
    0

Please log in to post a comment

Log in with GitHub

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