https://github.com/devdignesh/multi-theme-switcher-app
A modern responsive React app with 3 beautiful themes: Minimalist, Dark, and Colorful. Built using Vite and TailwindCSS.
https://github.com/devdignesh/multi-theme-switcher-app
Last synced: 8 months ago
JSON representation
A modern responsive React app with 3 beautiful themes: Minimalist, Dark, and Colorful. Built using Vite and TailwindCSS.
- Host: GitHub
- URL: https://github.com/devdignesh/multi-theme-switcher-app
- Owner: devdignesh
- Created: 2025-07-30T16:46:10.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-08-02T10:18:57.000Z (8 months ago)
- Last Synced: 2025-08-02T12:29:49.447Z (8 months ago)
- Language: TypeScript
- Homepage: https://multi-theme-switcher-app-three.vercel.app
- Size: 63.5 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Multi-Theme Switcher App
A modern responsive React app with 3 beautiful themes: Minimalist, Dark, and Colorful. Built using Vite and TailwindCSS.
## Tech Stack
- **React 19**
- **Vite**
- **Tailwind CSS**
- **Lucide Icons**
- **React Router**
## Getting Started
### 1. Clone & Install
```bash
git clone https://github.com/devdignesh/multi-theme-switcher-app.git
cd multi-theme-switcher-app
npm install
npm run dev
```
## Features
- 3 Themes: Minimalist, Dark, Colorful
- Responsive layout (flex, sidebar, grid)
- Theme context with smooth transition
- Mobile-friendly sidebar toggle
- Product list using dummy data
- Lucide icon integration
## Folder Structure
- `components/` – Reusable UI components
- `contexts/` – Theme context provider
- `services/` – Fetch products api
- `pages/` – App pages
- `themes/` – Themes (theme1, theme2, theme3)
- `types/` - Types
## Environment Variables
Create a `.env` file in the root directory and add your API URL:
```bash
VITE_API_URL=""
```
## Notes
- Easily add more themes via `themes.ts`
- Built with scalability and clean UI in mind
- Fully customizable with Tailwind utility classes
## Contact
- Dignesh Hirpara (React.js Developer)
- dignesh.hirapara@gmail.com