https://github.com/najibhossain49/code-in-react-19
A starter repository to code in React 19 with Tailwind CSS 4.x
https://github.com/najibhossain49/code-in-react-19
Last synced: 10 months ago
JSON representation
A starter repository to code in React 19 with Tailwind CSS 4.x
- Host: GitHub
- URL: https://github.com/najibhossain49/code-in-react-19
- Owner: NajibHossain49
- Created: 2025-02-22T20:15:07.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-02-22T20:55:16.000Z (10 months ago)
- Last Synced: 2025-02-22T21:28:50.783Z (10 months ago)
- Language: JavaScript
- Size: 0 Bytes
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🚀 Code in React 19
This is a **scaffolding project** for developers who want to start coding in **React 19** with the latest technologies. It provides a fast and efficient setup using **Vite**, **React 19 (Stable Version)**, and **TailwindCSS 4.x**.
## 🛠️ Features
✅ **Vite** – Lightning-fast build tool for modern web development.
✅ **React 19** – The latest stable release with improved performance and features.
✅ **TailwindCSS 4.x** – A utility-first CSS framework for rapid UI development.
✅ **React Router DOM** – Seamless client-side routing for Single Page Applications (SPA).
✅ **Zero Configuration** – Start coding instantly without hassle.
## 🚀 Create Your Own React 19 Project with Vite and TailwindCSS
You can easily create a new project using this template with the following command:
```bash
npx degit NajibHossain49/code-in-react-19#main
```
This will **clone** the repository into your specified project directory.
### 🔄 Alternative Methods
- **Fork the Repository** – Click the "Fork" button to create your own copy.
- **Use as a Template** – Click "Use this template" on GitHub to start a fresh project.
---
## 🏃♂️ Run It Locally
Follow these simple steps to get started:
1️⃣ **Clone or fork the repo:**
```bash
git clone https://github.com/NajibHossain49/code-in-react-19.git
cd code-in-react-19
```
2️⃣ **Install dependencies:**
```bash
npm install # or use yarn install
```
3️⃣ **Run the development server:**
```bash
npm run dev # or yarn dev
```
🔗 **Your app will be available at:** [`http://localhost:5173`](http://localhost:5173)
---
## 📂 Project Structure
Here's an overview of the project directory:
```
📦 YOUR_PROJECT_NAME
┣ 📂 src # Source code
┃ ┣ 📂 components # Reusable components
┃ ┣ 📂 pages # Page components
┃ ┣ 📂 router # React Router setup
┃ ┃ ┣ 📜 index.jsx # Routes configuration
┃ ┣ 📜 main.jsx # Root file
┣ 📜 index.html # Entry point
┣ 📜 package.json # Dependencies & scripts
┣ 📜 tailwind.config.js # TailwindCSS config
┣ 📜 vite.config.js # Vite config
┗ 📜 README.md # Documentation
```
## 🧑💻 Author
Developed with ❤️ by **Najib Hossain**
[](https://github.com/NajibHossain49)
[](https://www.linkedin.com/in/md-najib-hossain)
---
## 🌟 Show Your Support
If you find this project helpful, please consider **giving it a star (⭐) on GitHub**!
> **Huge thanks** to all the `Stargazers` who have supported this project! 🚀