Skip to content

This project is an e-commerce web application developed using React + Vite, integrating Daisy UI with Tailwind CSS.

Notifications You must be signed in to change notification settings

thejyotipatel/PixelCart-ReactJS

Repository files navigation

E-Commerce Web Application

This project is an e-commerce web application developed using React + Vite, integrating Daisy UI with Tailwind CSS for an intuitive interface. It leverages various libraries and tools for seamless navigation, state management, API interaction, and additional features.

Preview

You can preview the project live on Netlify: PixelCart

Overview

image image image image image

Features

  • React + Vite:
    Utilized React with Vite for fast and efficient development.

  • Daisy UI with Tailwind CSS: Integrated Daisy UI with Tailwind CSS for a visually appealing and intuitive interface.

  • React-router-dom: Used React-router-dom for seamless navigation within the application.

  • React-Redux: Managed state effectively using React-Redux for enhanced scalability and performance.

  • Axios: Integrated Axios for handling REST API requests, ensuring smooth data interaction with the server.

  • React-icons: Utilized React-icons for easy integration of icons into the application.

  • React-toastify: Integrated React-toastify for notifications to enhance user experience.

  • React-query: Leveraged react-query for efficient data fetching and caching.

  • API: Utilized this API for fetching data related to the application.

Built With

The following tools are used in the project

  • React + Vite

  • Tailwind CSS

  • 🌼 daisy UI

  • tailwindcss/typography

  • React-router-dom

  • React-icons

  • axios

  • react-redux

  • reduxjs/toolkit

  • react-toastify

  • dayjs

  • tanstack/react-query

  • API DOCS

  • Deploy on Netlify

Usage

Here are the steps to run on your system.

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/thejyotipatel/PixelCart-ReactJS

# Navigate to the project directory
$ cd PixelCart-ReactJS

# Install dependencies
$ npm install

# Run the app
$ npm run dev

Preview and Deployment

The project is previewed and deployed using Netlify.

Contact

About

This project is an e-commerce web application developed using React + Vite, integrating Daisy UI with Tailwind CSS.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages