Skip to content

Latest commit

 

History

History
103 lines (66 loc) · 4.94 KB

README.md

File metadata and controls

103 lines (66 loc) · 4.94 KB
Raw

Project ShopDisney Website Clone

Hello everyone, This is our first collaborative project at Masai School. We are this project in regards of the Unit-2 construct week. This project is a website clone of ShopDisney.com and is based on the framework Javascript made with the help of HTML a popular markup language and styled with the help of CSS.

We have done our best to make this website look exactly like the original website and hope you all appreciate our kind efforts.

Netlify Link Of the Website- https://capable-pudding-1f0353.netlify.app/

Acknowledgements

The following are the teammates who have put in their precious efforts in making this project happen:

  • Shrey Mishra
  • Sarbjot Singh
  • Abdullah Bin Hassan
  • Ashish Kumar Prusty
  • G Anil Kumar
  • Nitesh

Functionalities and Features

We have a bunch of functionalities and elements that makes this project standout and look exactly like the real shopdisney.in website.

Some standout functionalties that we have used here that gave this website a subtle but an exceptional touch are:

  • The Sliding Part: The sliding category part in the homepage is built on Transform CSS property.
  • Sign Up and Sign In: The Sign in and Sign up part are built on Position Absolute CSS Property and could not have been easier if not for this property.
  • Transition Part: The transitioned elements after the sliding part is built by using this property.

Screenshots of Some Features

Home Page

landingPage

Sign Up

signupModal

Category Pages

Categry

Cart Page

cartpage

Roles and Responsibilities

Team Contributions:

Shrey Mishra:

My linkedin profile:https://www.linkedin.com/in/shrey-mishra-2a35131b8/

  • Responsible for making the Sign Up and Sign In part.
  • Used Javascript and it's greatest extent as taught and used different functionalities to make the signup modal.
  • The CSS part was used efficiently and accordingly as required.
  • Learned how to work as a team and gained the knowledge of helping others.

Sarbjot Singh:

My Linked Profile- www.linkedin.com/in/sarbjot- My Blog Link- https://medium.com/@sarbjots908/project-shopdisney-website-clone-82b0d0d252dd

  • Worked on the landing page and learned how to collaborate with the team on Github.
  • Learned how to use javascript to style sliding components and DOM manipulation.
  • Learned how to lead the team and communicate in an effective manner.
  • Uses almost all important CSS properties to clone the home page.

Abdullah Bin Hassan -

My LinkedIn profile: https://www.linkedin.com/in/abdullah-bin-hassan-936a17233/

I am Abdullah Bin Hassan going to tell you about my first team project using HTML, CSS, and JavaScript.

  • I worked on all the product pages.
  • I have used Grid property to create the products and media qurey to create responsive web page.
  • I learn a lot of things in JavaScript, learn more about local storage, how to append, add the product to the cart, and also improved my HTML & CSS, I like working as a team, interact with each other professionally.

Ashish Kumar Prusty:

My Linked Profile-https://www.linkedin.com/in/ashish-kumar-prusty-19294b191/ My Blog Link- https://medium.com/@ashisprusty71/cloning-shop-disney-sites-ceb0526abab

  • after when user want to buy some products they have to click add to cart buttonwhen user click add to cart the product will go the cart page and a message will popupproduct addded to cart also user can the no of products in their cart
  • after this when user click my bag the page will redirected to the cartpage where user can see all their desire product as they want to buy .here user can also edit their product and also delete their product if they dont want to buy that product
  • after this user have to click guest checkout when user click guest checkout the page redirected to the checkoutpage
  • user have to fill shipping details and debit card details and here we use localstorage for saving data after filling all details user have to click click here to proceed then it will redirect to succces page
  • if user want to shop more products the page will redirect to home page

Nitesh:

My Blog link : https://medium.com/@niteshnaidu13/project-shopdisney-website-clone-4dae716af95

  • Worked on the Guest Services page
  • Used HTML And CSS to get to the desired result and to look like a complete clone.

G Anil Kumar:

  • Worked on the Footer Part of the website
  • In this there are different parts such as contact us, account info and also signup button
  • User can also connect to twitter , facebook and other social media handles
  • Used HTML And CSS to get to the desired result and to look like a complete clone.