Skip to content

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

Notifications You must be signed in to change notification settings

PrtHub/Euphoria-EcommerceApplication

Repository files navigation

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.

Acknowledgements

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