This is a clone of the Men's Wearhouse Webapp created in Next.js with Tailwind CSS & Typescript. It has small UI/UX improvements as well as some feature improvements over the original website. It has been optimized to improve speed over the original website. I created this project between rounds 1 & 2 interviews for a job interview wherein the first client I would be dealing with would be Men's Wearhouse and these are the improvements that would be desired for the project.
π Typescript
π Tailwind CSS
π Appwrite
π SwiperJS
π ShadCN UI Library
πΊοΈ Mapbox GL
β¨ Zod
π React Skeleton Loading
Dynamic Pages & Routing
Conditional Rendering
Data Caching
Server Side Rendering
Image Optimization
Adding Features in Free Time
[ ] Responsive UI <br>
[O] Caching & Revalidation <br>
[O] Map box Store Locator <br>
[ ] Skeleton Loading <br>
[ ] Dynamic Product Page <br>
[ ] Search Page Filter Drop Downs<br>
[ ] Search Page Card Toggle<br>
[ ] Authentication with Appwrite <br>
πΊοΈ Mapbox<br>
π React Skeleton Loading <br>
npm i
npm run dev
The app will start on http://localhost:3000 in your browser.
Delop to your testing enviroment on vercel
vercel
Deploy to your production enviroment on vercel
vercel --prod
Run ESLint
npm run lint
Prettier Code Check
prettier --check.
Prettier Code Format
prettier --write.