Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/prthub/euphoria-ecommerceapplication

Euphoria presents a online shopping experience catering to Men, Women, and Kids.
https://github.com/prthub/euphoria-ecommerceapplication

ecommerce-website lazyload-images react-helmet-async react-hooks react-icons react-lazy-load-image-component react-redux react-router-dom react-select react-toastify reactjs redux-persist redux-toolkit swiper-js tailwind-css vite

Last synced: 2 days ago
JSON representation

Euphoria presents a online shopping experience catering to Men, Women, and Kids.

Awesome Lists containing this project

README

        

# Euphoria - An E-commerce Application
Euphoria is a modern and user-friendly Online Shopping Platform for Men, Women & Kid's Fashion. This frontend project is built using a combination of technologies and libraries including Vite, React, Tailwind CSS, React Router Dom, React Icons, Redux Toolkit, react-helmet-async, react-lazy-load-image-component, react-select, react-toastify, swiper, Canvas Confetti, Redux Persist, and bugfender/SDK.

## Features

- Browse and shop a wide range of fashion products for Men, Women & Kids.
- Easily add products to the shopping cart.
- View and update the contents of the shopping cart.
- Create a wishlist of favorite products.
- Filter products by color, brand, and category for personalized shopping.
- Efficient search functionality for finding specific products.
- Place orders and receive success confirmation messages.
- Data management using Redux Toolkit for a smooth user experience.
- Persisted state using Redux Persist to maintain cart and wishlist data.
- High-quality icons using React Icons.
- Responsive design ensuring compatibility across devices with Tailwind CSS.

## Technologies Used

- Vite
- React
- Tailwind CSS
- React Router Dom
- React Icons
- Redux Toolkit
- react-helmet-async
- react-lazy-load-image-component
- react-select
- react-toastify
- swiper
- Canvas Confetti
- Redux Persist
- bugfender/SDK

## Installation

1. Clone the repository: `git clone https://github.com/PrtHub/Euphoria-EcommerceApplication`
2. Navigate to the project directory: `cd `
3. Install dependencies: `npm install` or `yarn install`

## Usage

1. Start the development server: `npm run dev` or `yarn dev`
2. Open your browser and visit `http://localhost:5173`

## Deployment

To deploy the project, you can follow the instructions specific to your chosen hosting platform. Here are a few examples:

### Netlify

1. Create a new site on Netlify.
2. Set the build command to: `npm run build` or `yarn build`
3. Set the publish directory to: `dist`
4. Deploy the site.

### Vercel

1. Install the Vercel CLI: `npm install -g vercel` or `yarn global add vercel`
2. Run the deployment command: `vercel`

## Contributing

Contributions are welcome! If you find any issues or want to add new features, please submit an issue or create a pull request.

## License

This project is licensed under the [MIT License](https://opensource.org/licenses/MIT).

## Acknowledgements

- This project was built using Vite, React, Tailwind CSS, and other amazing open-source libraries.