This is a solution to the Manage landing page challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Note: Delete this note and update the table of contents based on what sections you keep.
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page
- See all testimonials in a horizontal slider
- Receive an error message when the newsletter sign up
formis submitted if:- The
inputfield is empty - The email address is not formatted correctly
- The
- Solution URL: https://github.com/anhek/frontendmentor-manage-landing-page
- Live Site URL: https://anhek-manage-landing-page.netlify.app
- Mobile-first workflow
- React - JS library
- Create React App - React framework
- React Hook Form - Forms
- Chakra UI - For styles
- Sizzy - For the responsive web design
- Box Shadow Generator - This helped me creating tailored box shadow for primary buttons.
- React Hook Form - Performant form builder
- Yup Validator - JS Schema validator for the newsletter form.
- React Elastic Carousel - A flexible carousel React component I used to create the testimonials carousel.
- Website - Antonin Nhek
- Frontend Mentor - @anhek