Carp Travel App is a web application where you can find information about The CARPATHIAN’S.
See the live page here - demo
⭐ Smoth scroll:
- Developed using a custom function
⭐ Sliders:
- Developed using Swiper.
- To create career section I used pagination and fade effect
- To create gallery section I used navigation and coverflow effect.
⭐ Forms:
- Developed using React Hook Form
- To validate the form I used Yup
- To store unsent user data to sessionStorage I used React Hook Form Persist
⭐ Notifications:
- Developed using React Hot Toast
⭐ Responsive and adaptive layout:
- Developed with Tailwind CSS
- Background images are implemented via css files.
- I used density descriptors and media queries to work with images.
The application was developed by Mariia Kovalova
- Next.js
- TypeScript
- Tailwind CSS
- React Hook Form
- Yup
- Swiper
- React Hot Toast
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page
auto-updates as you edit the file.
This project uses
next/font to
automatically optimize and load Inter, a custom Google Font.