https://github.com/anwarhossainsr/react-boilerplate
react 19 boilerplate or template
https://github.com/anwarhossainsr/react-boilerplate
boilerplate eslint prettier react react-query react19-starter reactjs redux-toolkit starter-kit tailwindcss tanstack-react-query template vite vitejs
Last synced: about 2 months ago
JSON representation
react 19 boilerplate or template
- Host: GitHub
- URL: https://github.com/anwarhossainsr/react-boilerplate
- Owner: AnwarHossainSR
- Created: 2022-10-20T10:16:48.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2025-09-13T16:39:55.000Z (9 months ago)
- Last Synced: 2025-09-13T18:32:48.016Z (9 months ago)
- Topics: boilerplate, eslint, prettier, react, react-query, react19-starter, reactjs, redux-toolkit, starter-kit, tailwindcss, tanstack-react-query, template, vite, vitejs
- Language: JavaScript
- Homepage:
- Size: 622 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Boilerplate
## 🚀 Overview
This is a **React Boilerplate** built with **Vite**, **React 19**, **Tailwind CSS v4**, and **Redux Toolkit**. It provides a scalable structure for building modern web applications with best practices in mind.
## 📂 Project Structure
```bash
react-boilerplate/
├── public/ # Static assets
├── src/
│ ├── assets/ # Images, fonts, etc.
│ ├── components/ # UI components
│ │ ├── common/ # Reusable UI components (e.g., Button, Input)
│ │ ├── layout/ # Layout components (e.g., AuthLayout, DashboardLayout)
│ ├── features/
│ │ ├── auth/ # Authentication module (Redux slice, API service)
│ │ ├── dashboard/ # Dashboard module (Redux slice, UI components)
│ ├── hooks/ # Custom React hooks
│ ├── pages/ # Page components
│ ├── services/ # API services (e.g., authService, api.js)
│ ├── store/ # Redux store configuration
│ ├── utils/ # Utility functions and constants
│ ├── App.jsx # Root component
│ ├── main.jsx # Entry point
│ ├── index.css # Global styles
├── .gitignore # Ignored files in Git
├── vite.config.js # Vite configuration
└── package.json # Project metadata and dependencies
```
## 🛠️ Installation & Setup
### 1️⃣ Clone the Repository
```bash
git clone https://github.com/AnwarHossainSR/react-boilerplate.git
cd react-boilerplate
```
### 2️⃣ Install Dependencies
```bash
npm install
```
### 3️⃣ Start Development Server
```bash
npm run dev
```
The application will be available at `http://localhost:3000/`
### 4️⃣ Build for Production
```bash
npm run build
```
## 🚀 Features
✅ **Vite** – Fast development and hot module replacement
✅ **React 19** – Latest React features and optimizations
✅ **Tailwind CSS v4** – Modern CSS-first styling
✅ **Redux Toolkit** – State management with best practices
✅ **Custom Hooks** – Reusable logic abstraction
✅ **Modular Architecture** – Scalable and maintainable folder structure
✅ **API Services** – Centralized API handling with `services/api.js`
## 📦 Dependencies
| Package | Version |
| ---------------- | ------- |
| React | ^19.x |
| Redux Toolkit | ^2.x |
| React Router DOM | ^7.x |
| Tailwind CSS | ^4.x |
| Vite | ^6.x |
## 🔥 Folder Details
### 📌 Components
- `common/` – Reusable UI components (e.g., `Button.jsx`, `Input.jsx`)
- `layout/` – Layout components (e.g., `DashboardLayout.jsx`, `PublicLayout.jsx`)
### 📌 Features
- `auth/` – Handles authentication logic (Redux slice, API service)
- `dashboard/` – Dashboard-related state and components
### 📌 Hooks
- `useAuth.js` – Authentication hook
- `useFetch.js` – Fetch data with `useEffect`
### 📌 Pages
- `auth/` – Login & Register pages
- `dashboard/` – Dashboard & Profile pages
- `Home.jsx` – Main landing page
### 📌 Services
- `api.js` – Centralized API handling
- `authService.js` – Handles authentication API requests
## 📜 License
This project is licensed under the **MIT License**.
---
💡 **Need help?** Feel free to contribute or open an issue on [GitHub](https://github.com/yourusername/react-boilerplate). 🚀