Skip to content

Tomtop Cloned web app which is E- commerce website where you can buy high quality products and free coupons.

Notifications You must be signed in to change notification settings

smeetkalamkar/Tomtop

 
 

Repository files navigation

TopTop- Cloned

Logo

Tomtop is a reliable wholesale and retail online shop that mainly deals various of articles for daily use products. Its an E- commerce website.

This was a collaborative project of three member to create a clone of TomTop website. This Project was made as a part of construct week curriculum of MASAI School.

Demo

Orginal:- https://www.tomtop.com/

Cloned:- https://tomtopcloned.netlify.app/

Tech Stack

  • HTML
  • CSS
  • JavaScript
  • LocalStorage

Features

  • Working Login/ Sighup
  • Working Hover Dropdowns.
  • Product Details page working (Getting data from the LocalStorage & display it to that page)
  • Cart pages & Features Working
  • Workflow Cloned
  • Live previews
  • Fullscreen mode
  • Mobile View Working

Screenshots

  • Landing Page

Landing Page

  • Sign In Page

Sign In

  • New Arrival Page

New Arrival

  • Product Detail Page

Product Detail

  • Cart Page

Cart Page

  • Mobile View

Mobile View

  • Hamburger Menu

Mobile Hamburger Menu

Contributors

End Notes

In this project we tried to me the clone of the TomTop wesite as close to real one by using all the technical skills that we have learned up until now. We tried making it using HTML, CSS, Javascripts. Different functionalitie like adding data to the cart and checking out is working. Alongside that we also tried to make our site responsive. Workflow is similar to original.

Limitations

All the pages are not fully cloned but we tried to make it as similar as posible. As we have less members we are not able to make the site site as exact as we wanted. But we were able able to cloned the workflow atleast.

About

Tomtop Cloned web app which is E- commerce website where you can buy high quality products and free coupons.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 59.0%
  • CSS 24.7%
  • JavaScript 16.3%