This project is a modern, responsive e-commerce front-end application built from scratch using React and Vite, focusing on a clean, component-based architecture and a great user experience.
This project is developed using Agile methodologies. Task management and workflow are organized on a Kanban board to ensure continuous delivery and iterative development. Each feature or fix is tracked as a separate task, moving through stages like 'To Do', 'In Progress', and 'Done'.
The project is a total of 4 iterations and 24 sprints as Fullstack. The first 3 iterations of the 4 iterations are planned as frontend development and the last iteration is planned as backend development.
- Component-Based Architecture: Built with reusable components for easy maintenance and scalability.
- Responsive Design: Mobile-first approach ensuring a seamless experience on all devices.
- Dynamic Routing: Powered by React Router v5 for navigating between different pages.
- State Management Ready: Redux Toolkit is installed and configured for future dynamic state management.
- Static Pages: Includes Home, Shop, Product Detail, Team, Pricing, and Contact pages with detailed layouts.
- Framework: React
- Build Tool: Vite
- Styling: Tailwind CSS
- Routing: React Router v5
- State Management: Redux Toolkit
- HTTP Client: Axios
- UI Components: Headless UI
- Icons: Lucide React
- Notifications: React-Toastify
The UI/UX design for this project was based on a Figma template. You can view the design file here:
The project follows a component-based structure for better organization and scalability.
src/ ├── components/ # Reusable components (common, home product, etc.) ├── data/ # Mock data files ├── layout/ # Main layout components (Header, Footer) ├── pages/ # Page-level components ├── App.jsx # Main application component with routing └── main.jsx # Application entry point
Elif Çetin Email: [email protected]