Skip to content

rewati1616/02-ReactProject

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Customer Segmentation Dashboard

A modern and responsive customer segmentation dashboard built with React and Tailwind CSS. The application visualizes different customer categories and presents customer profiles through an interactive card-based interface.

🚀 Features

  • Responsive UI design
  • Customer segmentation cards
  • Horizontal scrolling card layout
  • Modern and clean interface
  • Built with reusable React components
  • Tailwind CSS styling

🛠️ Tech Stack

  • React.js
  • JavaScript (ES6+)
  • Tailwind CSS
  • Vite

📂 Project Structure

src/
├── components/
│   ├── LeftContent.jsx
│   ├── RightContent.jsx
│   ├── RightCard.jsx
│   └── RightCardContent.jsx
├── App.jsx
└── main.jsx

🎥 Demo

Add your demo video link here.

02-reactproject-GoogleChrome2026-06-0416-55-48-ezgif.com-video-to-gif-converter.mp4

⚙️ Installation

Clone the repository:

git clone https://github.com/rewati1616/02-ReactProject.git

Navigate to the project folder:

cd 02-ReactProject

Install dependencies:

npm install

Start the development server:

npm run dev

🎯 Learning Outcomes

  • React component architecture
  • Props and data flow
  • Dynamic rendering using map()
  • Responsive layouts with Tailwind CSS
  • UI design and component reusability

👩‍💻 Author

Rewati Warhade

GitHub: https://github.com/rewati1616

About

A responsive customer segmentation dashboard built with React and Tailwind CSS, featuring interactive customer profile cards and modern UI design.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors