Skip to content

A modern e-commerce application built with Laravel 11, Livewire 3, Filament 3, and Tailwind CSS. This project uses the latest web technologies to create a strong, scalable, and responsive online store platform.

License

Notifications You must be signed in to change notification settings

vickypandey14/E-commerce-using-Laravel-11-Livewire-3-Filament-3-and-Tailwind-CSS

Repository files navigation

Laravel-Livewire E-Commerce Application

Laravel Livewire Filament TailwindCSS

About the Project

This repository showcases a modern e-commerce application built with the latest web technologies:

  • Laravel 11: A robust PHP framework for building scalable web applications.
  • Livewire 3: A powerful library for building dynamic frontends using server-driven rendering.
  • Filament 3: An elegant admin panel framework to manage the application backend efficiently.
  • Tailwind CSS: A utility-first CSS framework for creating responsive and modern UI designs.

Features

  • Scalable and Maintainable: Built using the latest version of Laravel for optimal performance and scalability.
  • Dynamic UI: The frontend is powered by Livewire 3, providing real-time, interactive user experiences.
  • Powerful Admin Panel: With Filament 3, managing the store's content, orders, and products is seamless.
  • Responsive Design: Tailwind CSS ensures the application looks great on all screen sizes.

Pages Completed (Frontend)

The following pages have been developed using Livewire 3:

  1. Cancel Page: Displays the order cancellation status.
  2. Success Page: Confirms successful orders.
  3. Cart Page: Displays the user's cart items.
  4. Categories Page: Showcases product categories.
  5. Checkout Page: Handles the checkout process.
  6. Home Page: The landing page with featured products and categories.
  7. My Orders Page: Lists the user's order history.
  8. Order Details Page: Provides detailed information about a specific order.
  9. Products Page: Displays all available products.
  10. Product Details Page: Shows information about a specific product.

Getting Started

Follow these instructions to set up and run the project locally.

Prerequisites

Ensure you have the following installed:

  • PHP >= 8.2
  • Composer
  • Node.js >= 16
  • NPM or Yarn
  • MySQL

Installation

  1. Clone the repository:

    git clone https://github.com/vickypandey14/E-commerce-using-Laravel-11-Livewire-3-Filament-3-and-Tailwind-CSS.git
    cd E-commerce-using-Laravel-11-Livewire-3-Filament-3-and-Tailwind-CSS
  2. Install dependencies:

    composer install
    npm install
  3. Set up the .env file:

    cp .env.example .env

    Update the database credentials and other environment variables as needed.

  4. Generate the application key:

    php artisan key:generate
  5. Run migrations and seed the database:

    php artisan migrate --seed
  6. Build frontend assets:

    npm run dev
  7. Start the development server:

    php artisan serve

Testing

Run the following command to execute tests:

php artisan test

Roadmap

Planned Features:

  • Add a user authentication system.
  • Build an advanced search and filtering functionality.
  • Enhance the admin panel with analytics and reporting tools.
  • Implement payment gateway integration.
  • Add dynamic inventory and stock management.

Contributing

Contributions are welcome! Please follow these steps:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-name).
  3. Commit your changes (git commit -m 'Add feature').
  4. Push to the branch (git push origin feature-name).
  5. Open a pull request.

License

This project is open-source and licensed under the MIT License.


Contact

For any questions or feedback, feel free to reach out:

About

A modern e-commerce application built with Laravel 11, Livewire 3, Filament 3, and Tailwind CSS. This project uses the latest web technologies to create a strong, scalable, and responsive online store platform.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published