Skip to content

Latest commit

 

History

History
102 lines (71 loc) · 2.83 KB

README.md

File metadata and controls

102 lines (71 loc) · 2.83 KB

Responsive React Admin Panel for E-Commerce Stores

This project is a fully responsive React Admin Panel designed for managing eCommerce stores. Built with modern web technologies like React and Tailwind CSS, it offers a seamless and intuitive UI for managing products, orders, users, analytics, and more.

2. Demo

You can view the live demo of the app at the following link:

Demo - Home Dashboard

Features

  • Fully Responsive: Optimized for all screen sizes, including desktops, tablets, and mobile devices.
  • Dynamic Dashboard: Displays key performance indicators (KPIs) and visualizes store analytics.
  • Product Management: Add, edit, and manage your inventory with ease.
  • Order Management: View, process, and update orders in real-time.
  • User Management: Manage customers, admins, and other user roles.
  • Tailwind CSS Styling: Clean and consistent design with utility-first styling.
  • React Router: Smooth and efficient page transitions.
  • Reusable Components: Modular and maintainable code structure.

Getting Started

Prerequisites

Ensure you have the following installed:

  • Node.js (v14 or later)
  • npm or yarn

Installation

  1. Clone the repository: 
    git clone https://github.com/your-repo/admin-panel-ecommerce.git
cd admin-panel-ecommerce
  2. Install dependencies:
npm install
  1. Start the development server:
  npm run dev

The app will run at http://localhost:3000.

##Folder Structure

src/
├── components/      # Reusable UI components
├── pages/           # Page components for routes
├── context/         # React context for state management
├── hooks/           # Custom hooks for reusable logic
├── styles/          # Tailwind CSS configuration
├── utils/           # Helper functions and utilities
└── App.js           # Main app entry point

Configuration

Tailwind CSS

This project uses Tailwind CSS for styling. You can configure Tailwind settings in the tailwind.config.js file. To extend styles or add custom themes, refer to the Tailwind CSS documentation.

Available Scripts

  • npm start: Start the development server.
  • npm run build: Build the app for production.

Deployment

To deploy the admin panel:

Build the production bundle:

npm run build

Deploy the build/ directory to your preferred hosting provider (e.g., Netlify, Vercel, Firebase Hosting).

Technologies Used

  • React: Front-end framework
  • Tailwind CSS: Utility-first CSS framework
  • React Router: Routing library
  • Axios/Firebase (optional): For API requests

License

This project is licensed under the MIT License.