https://github.com/yassercoder/lightwave-ecommerce-website
LIGHTWAVE is an online store that specializes in selling electrical supplies. build with React,ReactQuery & Supabase
https://github.com/yassercoder/lightwave-ecommerce-website
css-modules javascript react react-query react-router react-testing-library supabase tailwind-css unit-testing vite vitest
Last synced: 3 months ago
JSON representation
LIGHTWAVE is an online store that specializes in selling electrical supplies. build with React,ReactQuery & Supabase
- Host: GitHub
- URL: https://github.com/yassercoder/lightwave-ecommerce-website
- Owner: YasserCoder
- Created: 2024-05-30T21:37:19.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-14T17:19:57.000Z (4 months ago)
- Last Synced: 2025-03-22T04:09:31.767Z (3 months ago)
- Topics: css-modules, javascript, react, react-query, react-router, react-testing-library, supabase, tailwind-css, unit-testing, vite, vitest
- Language: JavaScript
- Homepage: https://light-wave.vercel.app
- Size: 54 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# LIGHTWAVE
LIGHTWAVE is an online store that specializes in selling electrical supplies. This Ecommerce platform allows users to browse and purchase products either as anonymous users or by creating an account. The platform offers a variety of features including signup, login, logout, cart and wishlist management, and order placement.
## Live Demo
Check out the live demo of the project [here](https://light-wave.vercel.app).
## Features
- **User Authentication**: Signup, login, and logout functionality.
- **Product Browsing**: Browse products with pagination.
- **Cart Management**: Add and remove items from the cart.
- **Wishlist**: Add and delete items from the wishlist.
- **Order Placement**: Place orders for the items in the cart.
## Technologies Used
- **Frontend**: React
- **Backend**: Supabase
- **Libraries**:
- `react-query`
- `react-hot-toast`
- `sweetAlert`
- `react-paginate`
- `swiper-js`
- `react-router-dom`
- `react-icons`
- `tailwindcss`
## Installation
Follow these steps to set up the project locally:
1. **Clone the repository**:
```bash
git clone https://github.com/YasserCoder/LightWave-Ecommerce-Website.git
```
2. **Install dependencies**:
```bash
npm install
```
3. **Set up Supabase**:
- Create a project on Supabase.
- Copy the Supabase project URL and the API key.
- Create a `.env` file in the root directory and add the following:
```env
VITE_SUPABASE_URL=your_supabase_url
VITE_SUPABASE_ANON_KEY=your_supabase_anon_key
```
4. **Start the development server**:
```bash
npm run dev
```
## Usage
1. **Browse Products**: Visit the homepage to browse through the available electrical supplies.
2. **User Authentication**: Signup or login to access additional features.
3. **Cart Management**: Add products to your cart and view them in the cart section.
4. **Wishlist**: Add your favorite products to the wishlist for future reference.
5. **Place Orders**: Review your cart and proceed to place an order.
## Contributing
We welcome contributions to enhance the functionality and user experience of LIGHTWAVE. To contribute:
1. Fork the repository.
2. Create a new branch (`git checkout -b feature-branch`).
3. Make your changes and commit them (`git commit -m 'Add new feature'`).
4. Push to the branch (`git push origin feature-branch`).
5. Create a pull request.
## Contact
For any questions or feedback, please reach out to:
- **Laissaoui Yasser**
- **Email**: [email protected]
- **LinkedIn**: [Yasser Laissaoui](https://linkedin.com/in/yasser-laissaoui)
- **GitHub**: [YasserCoder](https://github.com/YasserCoder)