This project is a web page developed to meet the evaluation requirements from Wasserstoff. Page is a landing page.
Live website preview available
- Reactjs
- TailwindCSS
- vite
Install this project
git clone https://github.com/safalPatil27/wasserstoff.git
cd wasserstoff
npm install
npm run dev
Then run http://localhost:5173 or link given in terminal.
Starting with creating a sample template using vite build tool, I first implemented the header and hero section of landing page. Used custom CSS animations to increase and decrease image width. Applied different components to increase code reusability. After that started implementing components for second section which includes collections and carousel components.