Carify is a modern front-end e-commerce web application built using React. It provides a clean user interface for browsing cars, viewing details, and simulating order tracking. The project focuses on responsive design, smooth navigation, and optimized performance.
- Responsive and modern user interface
- Explore section with dynamic car cards
- Hero image slider with smooth transitions
- Track Your Order page with clean empty-state UI
- Navigation using React Router
- Optimized images for fast loading
- Modular component-based architecture
- React (Functional Components and Hooks)
- React Router DOM (Client-side routing)
- CSS (Custom styling, responsive design)
- Vite (Build tool and development server)
Carify/
│
├── public/
│ └── logo.png
│
├── src/
│ ├── assets/
│ ├── components/
│ │ ├── Navbar.jsx
│ │ ├── HeroSlider.jsx
│ │ ├── Explore.jsx
│ │ ├── TrackOrder.jsx
│ │ └── About.jsx
│ │
│ ├── App.jsx
│ ├── main.jsx
│ └── index.css
│
├── package.json
└── README.md
- Clone the repository
git clone https://github.com/Piyush-devpy/Carify.git
- Navigate to the project directory
cd carify
- Run the development server
npm install
- Run the development server
npm run dev
npm run build
The optimized files will be generated in the dist folder.
This project can be deployed using platforms such as:
- Vercel
- Netlify
- GitHub Pages
- Building reusable React components
- Managing UI state using hooks
- Implementing client-side routing
- Optimizing images for performance
- Structuring a scalable frontend project
Piyush Chauhan
This project is created for learning and demonstration purposes.