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/
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:
- Sign Up/Sign In with local storage
- Custom Sliding Component
- Filter/Sort
- Custom Slide Show
- Responsive
The following are the teammates who have put in their precious efforts in making this project happen:
- Sarbjot Singh
- Shrey Mishra
- Abdullah Bin Hassan
- Ashish Kumar Prusty
- G Anil Kumar
- Nitesh
Home Page
Sign Up
Category Pages
Cart Page
Team Contributions:
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.
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.
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.
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
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.
- 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.