Giter VIP home page Giter VIP logo

prthub / euphoria-ecommerceapplication Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 1.0 84.56 MB

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

Home Page: https://euphoria-fashion.netlify.app/

JavaScript 98.67% HTML 0.27% CSS 1.06%
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

euphoria-ecommerceapplication's Introduction

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.