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.
Users should be able to:
- View the optimal layout for the app depending on their device's screen size
- See hover states for all interactive elements on the page
- Generate a new piece of advice by clicking the dice icon
Solution URL: Click Here
Live Site URL: Click Here
- Semantic HTML5 markup - CSS custom properties - Flexbox - CSS Grid - Mobile-first workflow - JavaScript - Fetch API for data retrieval - Responsive design - Box shadows for enhanced styling
During this project, I learned how to use the Fetch API to retrieve data from an external source and update the content dynamically on the webpage. I also improved my skills in responsive design, incorporating box shadows, and creating interactive elements.
I plan to continue refining my skills in JavaScript, especially in handling asynchronous operations and improving the overall user experience. Additionally, I aim to explore more advanced styling techniques and experiment with different design patterns.
- MDN Web Docs - Fetch API: Comprehensive guide on using the Fetch API.
- CSS Tricks - Box Shadows: A handy reference for creating box shadows.
- Frontend Mentor: The challenge description and community feedback.
I'd like to thank Frontend Mentor for providing this challenging project and the supportive community that offers valuable feedback and insights. Additionally, I appreciate the resources from MDN Web Docs and CSS Tricks that contributed to my learning process.
Feel free to connect with me on LinkedIn:
If you find the Advice generator App helpful and would like to support my work, you can do so in the following ways:
-
⭐Star this Repository: If you like this project, show your appreciation by starring the GitHub repository. Your stars help others discover and benefit from this project as well.
-
📢Feedback and Contributions: I welcome feedback, bug reports, and contributions. If you have suggestions, ideas, or want to contribute code, please create issues or pull requests on GitHub.
-
💬Share with Others: If you find this app useful, consider sharing it with friends and colleagues who might also benefit from it.
-
Follow Me: Stay updated with my latest projects and contributions by following me on GitHub.
Your support is greatly appreciated and helps me improve and create more useful projects in the future.
-
Fork the Repository: Click the "Fork" button at the top right of the repository on GitHub.
-
Clone the Repository: Clone the forked repository to your local machine using Git.
git clone https://github.com/JEETAHIRWAR/quiz_app.git
-
Create a Branch: Create a new branch to work on your feature or bug fix.
git checkout -b feature/your-feature-name
-
Make Changes: Make your desired changes to the codebase.
-
Commit Changes: Commit your changes with a descriptive commit message.
git commit -m "Add your commit message here" -
Push Changes: Push your changes to your forked repository.
git push origin feature/your-feature-name
-
Open a Pull Request: Go to the original repository on GitHub and click the "New Pull Request" button. Follow the prompts to create your pull request.
-
Discuss and Review: Participate in the discussion with the project maintainers. Make any necessary changes to your pull request based on feedback.
-
Merge Pull Request: Once your pull request is approved, it will be merged into the main project.
Thank you for your contributions!
Please review our Code of Conduct before contributing and follow the best practices for code quality and style.
We appreciate your help in making the Quiz Web App even better. 🚀
