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.
- 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.
The following pages have been developed using Livewire 3:
- Cancel Page: Displays the order cancellation status.
- Success Page: Confirms successful orders.
- Cart Page: Displays the user's cart items.
- Categories Page: Showcases product categories.
- Checkout Page: Handles the checkout process.
- Home Page: The landing page with featured products and categories.
- My Orders Page: Lists the user's order history.
- Order Details Page: Provides detailed information about a specific order.
- Products Page: Displays all available products.
- Product Details Page: Shows information about a specific product.
Follow these instructions to set up and run the project locally.
Ensure you have the following installed:
- PHP >= 8.2
- Composer
- Node.js >= 16
- NPM or Yarn
- MySQL
-
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
-
Install dependencies:
composer install npm install
-
Set up the
.env
file:cp .env.example .env
Update the database credentials and other environment variables as needed.
-
Generate the application key:
php artisan key:generate
-
Run migrations and seed the database:
php artisan migrate --seed
-
Build frontend assets:
npm run dev
-
Start the development server:
php artisan serve
Run the following command to execute tests:
php artisan test
- 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.
Contributions are welcome! Please follow these steps:
- Fork the repository.
- Create a new branch (
git checkout -b feature-name
). - Commit your changes (
git commit -m 'Add feature'
). - Push to the branch (
git push origin feature-name
). - Open a pull request.
This project is open-source and licensed under the MIT License.
For any questions or feedback, feel free to reach out:
- Vivek Chandra Pandey
GitHub: vickypandey14 Website: bytewebster.com