Sportive is a state-of-the-art, high-performance e-commerce platform designed specifically for premium sports apparel, shoes, and training gear. Featuring a sleek, dark-athletic design with glassmorphism overlays and neon-lime accents, it delivers an immersive shopping experience. The application is built on Laravel 11/12 and Tailwind CSS v4.0, providing robust backend services, quick loading speeds, and an elegant administration suite.
- Fully Bilingual Localization: Seamlessly switch between English and Turkish across the entire website and administrative panel. Preferences are persistently stored in session middleware.
- Immersive Dark UI: Crafted using Tailwind CSS v4.0 with custom glassmorphic navigation bars, micro-animations, color gradients, and layout responsiveness.
- Smart Live Search: Built-in search suggestion engine with debounce functionality, interactive image listings, and keyboard navigation (arrow keys + Enter).
- Wishlist & Cart Engines: Interactive wishlist (favorites toggling) and shopping cart management with dynamic subtotal calculations.
- Flexible Coupon System: Apply discount codes with validation checks (minimum basket amounts, validity periods, percentage vs. fixed discounts).
- Interactive Review & Ratings: Product reviews with a 5-star rating system, user comments, and eager-loaded author profile tags.
- Checkout & Tracking: Streamlined billing/shipping entry and multiple payment gateways (Bank Transfer / EFT, Cash on Delivery) with real-time order tracking.
- Role-Based Access Control: Secure admin authentication via customized middleware.
- Insightful Dashboard: Graphical summaries of total products, orders, users, and customer messages with tables for recent activities.
- Category CRUD Management: Hierarchical product mapping supporting parent/child subcategory structures and cover uploads.
- Product Catalog Control: Manage active stock listings, specify SKU parameters, configure flash sale prices with date/time thresholds, and format details using a rich CKEditor layout.
- Order Fulfillment Operations: Real-time status updates (New, Preparing, Shipped, Completed, Cancelled), shipping provider assignments, tracking number entries, and private admin logs.
- User & Message Logs: Update user permissions and review contact logs sent by visitors.
- System Settings: Modify general SEO attributes, corporate pages (About Us, References), and SMTP details directly from the dashboard.
| Component | Technology | Description |
|---|---|---|
| Backend Framework | Laravel 11 / 12 | PHP MVC Framework |
| Runtime Environment | PHP 8.2+ | High performance backend scripting |
| Frontend Styling | Tailwind CSS v4.0 | Utility-first CSS framework |
| Asset Manager | Vite | Ultra-fast asset bundler |
| Database | SQLite (Default) / MySQL | Relational data mapping |
| Rich Text Editor | CKEditor 5 | Admin product description formatter |
Follow these steps to deploy and run Sportive on your local system:
Ensure you have the following software installed:
- PHP 8.2 or higher
- Composer (PHP dependency manager)
- Node.js & NPM (JavaScript environment)
- SQLite or MySQL server
git clone https://github.com/yasarkar/LaravelProject.git
cd LaravelProjectInitialize package packages for both the backend and frontend:
# Install PHP packages
composer install
# Install node dependencies
npm installCreate your local environment configuration:
cp .env.example .env(By default, the application is pre-configured to use SQLite. If you prefer SQLite, ensure you create a blank database file named database.sqlite inside the database/ directory).
php artisan key:generateCreate the database tables and populate the store with 27 realistic sports products from top-tier brands (Nike, Adidas, Puma, Gymshark, Under Armour, Lululemon, Garmin) along with pre-loaded categories, reviews, and test users:
php artisan migrate:fresh --seedCompile styling scripts and interactive assets using Vite:
# Compile for production
npm run build
# Or launch development server with hot reload
npm run devStart the local Laravel development server:
php artisan serveVisit http://127.0.0.1:8000 in your web browser to explore Sportive.
To test the application, log in using the pre-seeded accounts:
- URL:
http://127.0.0.1:8000/login - Email:
admin@example.com - Password:
adminpassword
- Email:
user@example.com - Password:
userpassword