TataCliQ Clone

Tata Cliq (stylised as Tata CLiQ) is an Indian e-commerce company based in Mumbai, India. It is owned by Tata Digital Limited, of Tata Group. TataCLiQ operates in categories such as Electronics, Fashion, Footwear and Accessories. Tata Group's E-commerce platform Tata CLiQ also launched a premium and luxury fashion and lifestyle destination, Tata CLiQ Luxury and It have house a wide range of apparel and accessories for men and women by luxury and bridge-to-luxury brands.

Details : 🔭

Hi World !🌏 We are students of Masai School from Web17 batch and we presenting our project,built in construct week of Unit2.

🚀 This link for the same is here : https://tata-cliq-clone.netlify.app

Our Team Members 👨‍💻

• Ashok Kumar

• 📚 Blog link : https://medium.com/@kumarashoka7677/construct-week-masai-school-e0f17adbb5c7

• Chetan Sharma

• 📚 Blog link : https://medium.com/@cs786786786/construct-week-masai-school-89197e6749ff

• Prem Sagar Gupta

• 📚 Blog link : https://medium.com/@premsgupta1997/construct-week-masai-school-236beb431ead

• Shipra

• 📚 Blog link : https://medium.com/@shiprapal97/how-we-made-our-1st-project-masai-school-1b7ef2550090

• Sunil Kumar Roka

• 📚 Blog link : https://medium.com/@sunilroka/construct-week-masai-school-deacc611daa4

Pages & Features 👇

• Home Page: Nav Bar with drop downs, sliding banners for products.
• Sign-In: User authentication to check whether user email and password match with details existing in the database.
• Dynamic navbar with dropdown of categories
• Cart: User can see or remove products added in the cart.
• Checkout Page: Users can fill in details and proceed to payment.
• Payment Page: Users can add their payment details.
• Order Successful: Once order is placed we continue shopping further or move out of page.
• Additional Features: Kept the branding, fonts, favicon, colors and titles consistent throughtout the whole site to give a feel like the original site.

Tech Stack

• 
• 
• 
• (DOM Manipulation, Local Storage)
• BOOTSTRAP

Screenshots :

Home Page

Products DropDown

Women's Page

Men's page

Mobile page

Login Popup

Product Page

My Bag

Address

Checkout

Empty Bag

Roles & Responsibilities :-

• GitHub is managed by Prem.

• The Landing Page, footer is designed & all pages functioned by Prem.

• The Searchbar, sign in dropdown and navbar is designed and functioned by Ashok.

• Women's page, Checkout page and filter is designed & functioned by Shipra.

• Men's page and Bag designed & functioned by Sunil.

• Product details, mobile and payment details page is designed & functioned by Chetan.

Learning :-

• We all became proficient in reading the code of team members.

• Our code writing style became cleaner as we had to think while writing code that other team members will be reading.

• We had to learn about many CSS properties that we didn't know before.

• Our skills in JavaScript and DOM manipulation became better.

• Learned how to use Bootstrap libraries.

• We all learned how to plan a project and execute that in a limited time frame.