Skip to content

Repository files navigation


🛍️ Velora

Velora is a modern and minimalistic e-commerce web application built with React + Vite using JavaScript. This repository contains only the frontend code and is currently a work in progress.


🚧 Project Status

Velora’s frontend is under active development. Basic page layouts and UI components have been set up, with more features coming soon!


✨ Current Features

  • 🏠 Home Page: Displays products in a clean grid layout
  • 💳 Checkout Page: Includes order summary and payment sections
  • 📦 Orders Page: Lists past and current orders
  • 🚚 Tracking Page: Displays order tracking status
  • Reusable Components: Header and other shared UI elements
  • 🌐 Vite-Powered: Lightning-fast builds and hot reloads

🧰 Tech Stack

  • Frontend Framework: React
  • Build Tool: Vite
  • Language: JavaScript
  • Styling: CSS

🏗️ Installation & Setup

Run the project locally with the following steps:

# Clone the repository
git clone https://github.com/Iniyaa21/velora.git
# Navigate into the foldercd velora
# Install dependencies
npm install
# Start the development server
npm run dev

📁 Project Structure

velora/
│
├── src/
│ ├── components/
│ │ └── Header.jsx
│ │
│ ├── pages/
│ │ ├── checkout/
│ │ │ ├── CheckoutHeader.jsx
│ │ │ ├── CheckoutPage.jsx
│ │ │ ├── OrderSummary.jsx
│ │ │ └── PaymentSummary.jsx
│ │ │
│ │ ├── home/
│ │ │ ├── HomePage.jsx
│ │ │ └── ProductsGrid.jsx
│ │ │
│ │ ├── NotFoundPage.jsx
│ │ ├── OrdersPage.jsx
│ │ └── TrackingPage.jsx
│ │
│ └── App.jsx
│
└── index.html

🔮 Upcoming Plans

  • 🛒 Product filtering and search
  • 👤 User login & profile management
  • 🎨 Enhanced UI and animations
  • 🌈 API integration for dynamic product data

💬 Feedback

Have suggestions or feature ideas? Open an issue or start a discussion — contributions are always welcome!


About

Minimal, fast, and colorful e-commerce UI built with React + Vite

Resources

Stars

2 stars

Watchers

1 watching

Forks

Contributors

Languages