Tello is a sleek and modern e-commerce web application built with React, Redux, and Vite. It provides a seamless shopping experience with features like product browsing, filtering, cart management, user authentication, and order tracking. Designed for scalability and responsiveness, Tello demonstrates clean architecture, reusable components, and state management best practices.
- 🛍️ Product Catalog – Browse, search, and filter products by category and attributes.
- 🛒 Shopping Cart – Add, remove, and update products in the cart with dynamic pricing.
- 🔒 Authentication – Secure user login, registration, and profile management.
- 📦 Order Tracking – View order history and track purchases.
- ⚡ Fast & Responsive – Built with Vite for blazing-fast development and optimized performance.
- 🎨 Modern UI – Responsive, mobile-friendly design with reusable components.
- 🪝 Custom Hooks – Includes hooks like
useDebounceandusePaginationfor better UX.
- Frontend Framework: React (with Hooks & Functional Components)
- State Management: Redux Toolkit
- Routing: React Router
- Styling: CSS Modules
- Build Tool: Vite
- Other: Custom Hooks, ESlint
Tello/
├── vite-project/
│ ├── public/ # Static assets (icons, images)
│ ├── src/
│ │ ├── assets/ # Fonts, images, SVGs
│ │ ├── commerce/ # API logic for cart, products, customers
│ │ ├── components/ # Reusable UI components
│ │ ├── hooks/ # Custom React hooks
│ │ ├── pages/ # Main page components (Home, Login, Cart, etc.)
│ │ ├── store/ # Redux slices and actions
│ │ └── main.jsx # App entry point
│ ├── index.html
│ ├── package.json
│ └── vite.config.js
- Clone the repository
git clone https://github.com/your-username/tello.git
cd tello/vite-project- Install dependencies
npm install- Run the development server
npm run dev- Open http://localhost:5173 to view it in your browser.
Built with by Minurə Seyidova
💼 Junior JavaScript (React) Software Engineer
📧 minure.seyidova@gmail.com
🔗 LinkedIn | GitHub