An open API service indexing awesome lists of open source software.

https://github.com/dugsiiyeinc/e-shop

⚡ A modern, open-source e-commerce platform for selling solar and electronic products. Built with React and Supabase — includes user auth, admin dashboard, blog, cart system, and responsive UI.
https://github.com/dugsiiyeinc/e-shop

open-source quilljs react-19 react-hook-form react-router supabase

Last synced: 3 months ago
JSON representation

⚡ A modern, open-source e-commerce platform for selling solar and electronic products. Built with React and Supabase — includes user auth, admin dashboard, blog, cart system, and responsive UI.

Awesome Lists containing this project

README

          

# ⚡ Modern Solar & Electronics E-Commerce Platform

Welcome to my **open-source** E-Commerce platform built with **React** and **Supabase**!
This website showcases a modern design and intuitive interface tailored for companies selling **solar irrigation systems, solar panels, batteries, routers, AVRs, pumps**, and other **electrical installations**. Whether you're a customer, technician, or admin—this platform is built to serve you efficiently.

> 💡 Clean Code • ⚙️ Scalable • 💻 Open-Source • 🌞 Built for Solar & Electronics Retailers

---

## 🚀 Live Demo

🔗 [e-shop-3fjy.vercel.app/](e-shop-3fjy.vercel.app/)

> 👤 Demo Admin Email: `demo@gmail.com`
> 🔐 Demo Password: `123456`

---

## 🖼️ Screenshots

Home: ![Homepage](./src/assets/Screenshot%202025-05-04%20164115.png)
Admin-Daxhboard: ![Admin Dashboard](./src/assets/Screenshot%202025-05-04%20164046.png)

---

## 📦 Tech Stack & Dependencies

- ⚛️ React
- 🧱 Supabase (Auth + Database + Storage)
- 🛒 Zustand / Context API for state management
- 🎨 TailwindCSS for UI styling
- 📦 Shadcn/UI Components (Accordion, Tooltip, Cards)
- 📈 Chart.js or Recharts (for data visualization in Admin)
- 🔒 Role-based access: Admin, user
-

---

## 🔧 Features

- ✅ Fully responsive design
- ✅ Admin dashboard with charts and product controls
- ✅ Customer cart and order management
- ✅ Automatic cart creation on signup
- ✅ Blog system with featured images
- ✅ Tooltip-enhanced UI
- ✅ Protected routes with Auth Guard
- ✅ Real-time updates using Supabase's onAuthStateChange
- ✅ Custom hooks, reusable components, and clean structure

---

## 🛠️ Getting Started

Clone the repository:

```bash
git clone https://github.com/dugsiiyeinc/E-shop.git
cd solar-ecommerce

*Install dependencies:
npm install

*Create a .env file and add your Supabase credentials:
VITE_SUPABASE_URL=your-supabase-url
VITE_SUPABASE_ANON_KEY=your-anon-key

*Run the development server:
npm run dev

*📂 Folder Structure
src/
├── components/
├── pages/
├── lib/
├── context/
├── hooks/
└── styles/

🤝 Contributing
Contributions are welcome! Please open an issue or submit a PR if you'd like to help.

📜 License
This project is open-source and available under the MIT License.

🙌 Special Thanks
Thanks to the open-source community and tools like React, Supabase, Tailwind, and Shadcn for making this possible.

✉️ Contact
Have questions or want to connect?

📧 Email: abdiqafaarabdulahi@gmail.com