Built with cutting-edge technologies for maximum performance and developer experience
|
|
| Category | Technology | Version | Description |
|---|---|---|---|
| 🔧 Backend | Laravel | 11.x | PHP Framework |
| ⚛️ Frontend | React | 18.x | JavaScript Library |
| 🎨 Styling | Tailwind CSS | 3.x | Utility-first CSS |
| 🗄️ Database | MySQL | 8.0+ | Relational Database |
| 📡 HTTP Client | Axios | - | Promise-based HTTP |
| ⚡ Build Tool | Vite | - | Frontend Tooling |
🏗️ project-root/
├── 🔧 backend/ # Laravel 11 API Server
│ ├── 📱 app/ # Application Logic
│ │ ├── Http/Controllers/ # API Controllers
│ │ ├── Models/ # Eloquent Models
│ │ └── Middleware/ # Custom Middleware
│ ├── ⚙️ config/ # Configuration Files
│ ├── 🗄️ database/ # Migrations & Seeders
│ │ ├── migrations/ # Database Migrations
│ │ └── seeders/ # Database Seeders
│ ├── 🛣️ routes/ # API Routes
│ └── 📄 .env.example # Environment Template
│
└── ⚛️ frontend/ # React Application
├── 📱 src/ # Source Code
│ ├── components/ # React Components
│ ├── pages/ # Page Components
│ ├── services/ # API Services
│ └── utils/ # Utility Functions
├── 🌐 public/ # Static Assets
├── 📦 package.json # Dependencies
└── ⚙️ tailwind.config.js # Tailwind Configuration| Component | Version | Status |
|---|---|---|
| PHP | >= 8.2 |  |
| Composer | Latest | |
| MySQL | >= 8.0 | |
| Component | Version | Status |
|---|---|---|
| Node.js | >= 18.0 | |
| NPM | >= 8.0 | |
| Yarn | >= 1.22 |  |
# 📂 Clone the project
git clone <repository-url>
cd project-root# 📁 Navigate to backend
cd my-project-backend
# 📦 Install dependencies
composer install
# 📄 Setup environment
cp .env.example .env
# 🔑 Generate application key
php artisan key:generate
# 🗄️ Run migrations
php artisan migrate
# 🌱 Seed database (optional)
php artisan db:seed# 📁 Navigate to frontend
cd ../my-project-frontend
# 📦 Install dependencies
npm install
# or
yarn install
# 📄 Create environment file
touch .env🔧 Backend Configuration
# 🗄️ Database Configuration
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel_react_db
DB_USERNAME=your_username
DB_PASSWORD=your_password
# 🔐 Laravel Sanctum
SANCTUM_STATEFUL_DOMAINS=localhost:5173
# 🌐 CORS Configuration
FRONTEND_URL=http://localhost:5173⚛️ Frontend Configuration
# 🌐 API Configuration
VITE_API_URL=http://localhost:8000/api
VITE_APP_URL=http://localhost:5173
# 🔐 Authentication
VITE_SANCTUM_STATEFUL_DOMAINS=localhost:8000
cd backend
# 🚀 Start Laravel server
php artisan serve🌐 API Server |
cd frontend
# 🚀 Start React server
npm run dev🌐 Frontend App |
We welcome contributions! 🎉
- 🍴 Fork the repository
- 🌿 Create your feature branch (
git checkout -b feature/AmazingFeature) - 💾 Commit your changes (
git commit -m 'Add some AmazingFeature') - 📤 Push to the branch (
git push origin feature/AmazingFeature) - 🔄 Open a Pull Request
This project is licensed under the MIT License.
Need help? We're here for you! 💪
