React Project Template

A fully-ready, customizable React starter template designed to save your time on every new project. Instead of setting up React, Tailwind, routing, context, API tools, dark mode, and utilities from scratch — just install this template and start coding instantly.

Author: Shawon Reza
Package Name: @shawonreza/react-project-template

Why Use This Template?

Setting up a modern React project every time is boring and repetitive.
This template gives you a pre-configured, production-ready setup, including:

✔ Dark mode support
✔ Folder structure ready for scaling
✔ Context API already set up
✔ Toast container + alert utilities
✔ Custom font system
✔ Routing system pre-configured
✔ React Query & Axios for API
✔ Tailwind + Motion animations
✔ Form handling with React Hook Form

With this template, you simply install → rename → start coding.
No more repeating the initial setup for every project.

📦 What’s Inside?

✨ Core Features

🔅 Dark / Light mode toggler
📁 Clean and scalable folder structure
🧩 Context API setup
🔔 Toast & SweetAlert2 already configured
🔠 Custom font loader
🧭 Basic routing pre-built (react-router-dom)
🛠️ Reusable utility functions
🎨 TailwindCSS styling

📚 Installed Packages

Core & UI

• react 19
• react-dom 19
• react-router-dom 7
• tailwindcss 4
• vite 7
• @vitejs/plugin-react
• react-icons
• motion

Data & API

• axios
• @tanstack/react-query

UX & Utilities

• react-toastify
• sweetalert2
• react-hook-form

📥 Installation

Method 1 — Using npx

npx @shawonreza/react-project-template your-project-name

• cd my-app
• npm install
• npm run dev