🌐 Front-End Project Preview

Home Page

This is the project home page. Key elements include:

• A slider at the top of the page.
• Categories carousel.
• "On Sale" product carousel/section.
• Featured categories and featured product sections.
• A footer at the bottom of the page.

Shop Page

The shop page allows users to view and filter products.

• Filters: Available filters include category, price, color, size, and brand filters.
• Sorting: A product sorting dropdown allows users to change the order of products by price (low to high, high to low) and by newness.
• Display Size: Users can change the product display size.

Product Details Page

When clicking on a product, you can see the product details.

• The page features the main product image and product gallery thumbnails.
• Options to "Add to Cart" and "Add to Wishlist" are available.
• The page includes the product description, additional information, and reviews.
• A related product carousel is displayed at the bottom of the page.

Shopping Cart and Checkout

Users can manage their purchase through the cart and checkout process.

• After adding a product to the cart, users can view the cart page.
• From the cart, users can enter a coupon code, increase item quantity, and proceed to checkout.
• During checkout, users can log in or create a new account.
• After logging in and entering the shipping address, the order is placed.

User Dashboard

Once logged in, the user dashboard is available.

• The user dashboard includes links to: Orders, Address, Account Details, Wishlist, and Logout.
• Users can view their placed orders from the orders link.
• The Wishlist page is also available.

🛠️ Admin Template Preview

The admin template will be used to manage the e-commerce site.

Admin Dashboard

The admin dashboard shows overall sales data, a graph of monthly sales, and the latest orders.

Admin Management Pages

The admin panel includes the following management pages:

• Products (with an option to add a new product).
• Category page.
• Brand page.
• Orders page.
• Slider page.
• Coupon page.
• Users page.
• Logout link.

These two templates (front-end and admin) will be used to create the e-commerce project.

🔗 Project Template Access

The project preview is available on the GitHub page. You can find the GitHub page by searching for "surfside media GitHub".

The laravel11ecommerce repository contains the project template. You can download this repository to follow along and create the project step by step.

Links are available on the repository page for a preview of the website template and the admin template.