https://github.com/elfctn/e-commerce
This project is the front-end part of the e-commerce project that will be developed as fullstack.
https://github.com/elfctn/e-commerce
agile-methodologies authentication authorization axios-react e-commerce-project frontend fullstack headless-ui javascript kanban-board lucide-react react react-forms react-toastify redux redux-toolkit tailwindcss validation vite
Last synced: 5 days ago
JSON representation
This project is the front-end part of the e-commerce project that will be developed as fullstack.
- Host: GitHub
- URL: https://github.com/elfctn/e-commerce
- Owner: elfctn
- Created: 2025-06-30T11:40:08.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-07-26T14:38:29.000Z (9 months ago)
- Last Synced: 2025-07-26T17:21:28.295Z (9 months ago)
- Topics: agile-methodologies, authentication, authorization, axios-react, e-commerce-project, frontend, fullstack, headless-ui, javascript, kanban-board, lucide-react, react, react-forms, react-toastify, redux, redux-toolkit, tailwindcss, validation, vite
- Language: JavaScript
- Homepage: https://e-commerce-elfctns-projects.vercel.app/
- Size: 12.5 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 23
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ELFCTN - Modern E-Commerce Platform
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.
---
## 📈 Project Management
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'.
## NOTE
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.
---
## ✨ Features
- **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.
---
## 🛠️ Tech Stack
- **Framework:** [React](https://reactjs.org/)
- **Build Tool:** [Vite](https://vitejs.dev/)
- **Styling:** [Tailwind CSS](https://tailwindcss.com/)
- **Routing:** [React Router v5](https://v5.reactrouter.com/)
- **State Management:** [Redux Toolkit](https://redux-toolkit.js.org/)
- **HTTP Client:** [Axios](https://axios-http.com/)
- **UI Components:** [Headless UI](https://headlessui.com/)
- **Icons:** [Lucide React](https://lucide.dev/guide/packages/lucide-react)
- **Notifications:** [React-Toastify](https://fkhadra.github.io/react-toastify/introduction)
---
## 🎨 Design
The UI/UX design for this project was based on a Figma template. You can view the design file here:
Figma Link: [https://www.figma.com/design/tXhNJv706AWM0lXlyxLH9l/Workintech-E-commerce-UI---Figma-Ecommerce-UI-Kit--Demo-Version---Community-?node-id=69-5241&p=f&t=UQhORWSrl5qOW5Kw-0]
---
## 📂 Folder Structure
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
---
## ✍️ Author
Elif Çetin
Email: elifcetin.dev@gmail.com