The challenge is to create an FAQ Accordion project showcasing a component of a webpage for users to read FAQs regarding a known website called Frontend Mentor. Users should be able to hide/show the answer to a question when the question is clicked, as well as navigate the questions and hide/show answers using keyboard navigation alone. Additionally, users should be able to view the optimal layout for the interface depending on their device's screen size and see hover and focus states for all interactive elements on the page.
To set up the project locally, follow these steps:
- Clone the repository using GitHub Desktop or Git Bash:
git clone https://github.com/SartHak-0-Sach/FAQ-accordion_frontend_project.git
- Open the project folder in your code editor.
- Run the project using a live server extension or deploy it using Netlify, Vercel, or another web hosting and deployment service.
- Solution URL: GitHub Repository
- Live Site URL: Live Site
- HTML5
- CSS3
- JavaScript
- Highlight key learnings from the project
- Outline areas for future development or learning
- List helpful resources used in the project
- Sarthak Sachdev
- Portfolio Website: itsmesarthak.netlify.app
- Twitter: @sarthak_sach69
- Mention any acknowledgments or credits for resources used in the project
I love receiving feedback! I'm always looking to improve my challenges and my platform. So if you have anything you'd like to mention, please email me at saarsaach[at]gmail[dot]com.
If you found this project helpful, consider sharing it with others to spread the knowledge!
Happy coding! 📚🚀