ALapina / FAQ-Accordion-Card-React

FAQ-Accordion-Card build with React.js and hooks (useState), e2e testing with Cypress

Home Page:https://alapina.github.io/FAQ-Accordion-Card-React

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

🚚 FAQ Accordion Card - React.js

Design preview for the FAQ Accordion Card coding challenge

Welcome! πŸ‘‹

This is my solution for Frontend Mentor challenge.

πŸ”— Live Link / Demo Link:

πŸ›  Technologies Used:

  • Accessible HTML
  • SCSS (CSS grid and flexbox was used for centering and some positioning)
  • React.js with hooks
  • e2e testing with Cypess
  • Responsive design

πŸ“š About the Project:

  • This project is variation of my other project - faq accordion.
  • Html and CSS here is the same, but this project is build using React with Hooks. In this version I made it so only one answer can be in open state.
  • Also some more practise with Cypess

About

FAQ-Accordion-Card build with React.js and hooks (useState), e2e testing with Cypress

https://alapina.github.io/FAQ-Accordion-Card-React


Languages

Language:JavaScript 53.3%Language:SCSS 33.2%Language:HTML 13.5%