ReactJS
Explore the ReactJS's docs »
Table of Contents
v
Challenge from frontmentor.io to develop a FAQ page, I chose to code this project in reactJS as base technology because in want to specialize on it. 😄
It was great to start and set up the project faster than my first project using reactJS which is great, this time I encountered different struggles to overcome like the logic behind the interaction of the dropdown, which I figured out (after long hours of researching and reading) a way of solving it manipulating the DOM, CSS's classes and the useState hook of reactJS, also I didn't want to hard-code the questions and answers so I made a local JSON file with the information to use it reactJS component and render them with a map function. Overall it was a nice challenge to expand more my skills to come up with better solutions and soe techniques to create good looking pages. 🌠
This component is developed with:
- HTML version: 5
- React version: 17.0.1
- React DOM version: 17.0.1
- React scripts version: 4.0.3
- Normalize version: 8.0.1
- Javascript version: ECMAScript 6+
If you want to check out the component the component deployed with github pages visit the link below.
- Link to the project:
https://darubiomunoz.github.io/portfolio-07-faqaccordioncard
-
Clone the repo
git clone https://github.com/darubiomunoz/portfolio-07-faqaccordioncard.git
git clone [email protected]:darubiomunoz/portfolio-07-faqaccordioncard.git
-
Run the react development server:
npm run start
Feel free to download the code if you need a template for a FAQ page and modify it as you want to fit your project, just remember to install all the required dependencies to run it properly.
For more knowledge, please refer to the Documentation
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
The project is Finished.
Distributed under the MIT License. See LICENSE for more information.
Diego Rubio Linkedin [email protected]
Project Link: https://darubiomunoz.github.io/portfolio-07-faqaccordioncard
©️ Diego Rubio - 2021