Skip to content

This repository showcases our team's Round 1 submission for the Re-Imagine Hackathon, where we reimagined the Bacca Bucci website with a modern design and improved user experience. 🌟

Notifications You must be signed in to change notification settings

Angshu09/Ctrl-Plus-Web-ReimagineRound1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Reimagine Project - Bacca Bucci Website Recreation & Reimagination

Welcome to our project! This website is a reimagined and recreated version inspired by the Bacca Bucci brand website, which primarily focuses on shoes. Our project is built using HTML, the Tailwind CSS framework, the Swiper JS library, and vanilla JavaScript.

We created this website for the "Re-Imagine Hackathon," a frontend web design competition hosted by Sheryians Coding School. This project was developed for round 1 of the Re-Imagine Hackathon. We are a team of 4 members working on this Project. Our team name is Ctrl-Plus-Web.

Let's Talk About Our Project

  • Our project includes a homepage with a cart section positioned in the top right corner. We utilize Swiper to implement sliding functionality for the slides.

    Home Page
  • Our project's Add to Cart functionality allows users to add single or multiple pairs of shoes to their cart. The total amount adjusts dynamically as items are added or removed, providing a seamless shopping experience.

    Cart Page
  • Explore how we redesign banners to give them a fresh new look. We use Swiper for smooth sliding effects that make them engaging and easy to interact with.

    Discover Section
  • Here we recreated the category section where you can find all the category products of Bacca Bucci.

    Categoty Section
  • This is our Best Sellers section. Here We using Swiper for smooth sliding effects.

    Categoty Section
  • Discover our new collection carousel showcasing sneakers, belts, t-shirts, and wallets—all in one place for easy navigating.

    Categoty Section
  • Our curated shoe section where you can find all types of shoes. Use tabs to switch between different styles effortlessly. Here we also using Slider for sliding.

    Categoty Section
  • This is the month's featured item. Here we Using Slider for shoe image sliding.

    Categoty Section
  • This is the Season Product section.

    Categoty Section
  • At last but not the least this is our footer section.

    Categoty Section Categoty Section

Installation

Install with npm

npm i

To Run the Project after cloning

Run server with npm

npm run start

API Reference

Get all items

    https://github.com/JayaSaha811733/ReimagineAPI/assets.json

Authors

Acknowledgements

About

This repository showcases our team's Round 1 submission for the Re-Imagine Hackathon, where we reimagined the Bacca Bucci website with a modern design and improved user experience. 🌟

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •