This project is for a fictional massage website created using Create React App.
*[React-Icons] 'https://react-icons.github.io/react-icons'
*[Framer-Motion] 'https://www.framer.com/motion'
*[React-Modal] 'https://www.npmjs.com/package/react-modal'
*[Styled-Components] 'https://styled-components.com'
*[React-Hook-Form] 'https://react-hook-form.com'
*[React-Router-Dom] 'https://reactrouter.com'
Hosted on vercel - [Health & Wellness App 'https://health-wellness-website.vercel.app'
The project is a fictional responsive website that has 5 pages created using react. I learnt a significant amount of react creating this project including dynamic rendering, React-Hook-Form, react hooks, styled-components. While creating the site I created a data.js file to hold information which I would use in the making of the site. This help me in understanding more about higher order functions like array.map and destructuring. I learnt that the index can be used as a parameter in higher order functions but not in regular array functions. The project also introduced me to React-Hook-Form and Framer motion which I hope to use in more projects. I also learnt about using videos as backgrounds and what videos are best suited for web, I used webm for this project. I hope to improve my understanding of react router and breaking components into smaller reusable components. I also learnt alot about responsive websites which I had little understanding prior to this project.
*[HealthLine Website] 'https://www.healthline.com/health/types-of-massage#reflexology'
*[Pexels Website] 'https://www.pexels.com'
*[w3schools Website] 'https://www.w3schools.com'
*[Stack Overflow] 'https://stackoverflow.com'