Welcome to our project! This website is a reimagined and recreated version inspired by the Fastrack brand website, which primarily focuses on Watches. Our project is built using HTML, the Tailwind CSS framework, the Swiper JS library, the GSAP library & 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 2 of the Re-Imagine Hackathon. We are a team of 4 members working on this Project. Our team name is Ctrl-Plus-Web.

• At first we created a loader that shows a transition from a sundial to a modern wrist watch.

  

• Our project includes a homepage with a circular navigation menu positioned in the top left corner. The logo is aligned in the top right corner.

  

• Next we have our animated category section where hovering on a category button shows a video of that particular category product.

  

• Explore how we design a horizontal scroll bar to give the user a seamless scrolling experience.

  

• Explore our feature product card. Here we use swiper js

  

• This is our service section and it is animate on scroll.

  

• Discover our trending section where the watch cards are moving infinite.

  

• Explore this image slicer where you can find your vibe products.

  

• This is our bestseller section where every card is animate on hover.

  

• This is the why us section where we use a video scrolling animation.

  

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

  

Install with npm

npm i

Run server with npm

npm run dev

    https://jayasaha811733.github.io/ReImagine_2_API/assets.json

• @Jayashree Saha
• @Angshu Das
• @Debojeet Dutta
• @Sumit Dutta

• JavaScript reference
• Tailwind docs
• Swiper JS demo