About Project:https://medium.com/@rohaan.telangur/project-bigbasket-clone-fc50836e66a6
Hi Everyone, This is our first team project at Masai school.
Team member includes:-
Rohaan Telangur Vishakha Jangam Kuldeep Pal Harish Rayala Anurag Pawar This is our first project at Masai School using JavaScript, HTML, and CSS. We worked on bigbasket.com, an online food selling store.
We had a time frame of seven days. This was the first website building project for all of us, yes am emphasizing “website building” because we have built this website from scratch.
Home Page
Home Page Sign up & Log in
We tried to give our website some common functionality such as Carousel Sliding, Tab Switching, Dropdown Menu, Hover Effects, On-scroll shrinking, Store/Brand pages, product pages, Cart pages, Payment pages, and most important Search filtering.
Shop page
Shop page We have tried to build the exact Navigation bar as has with the On-scroll size shrinking and the drop-down menu on-hover, and many other functions. We have built the exact footer as it is on the original website.
Add to cart alert on the shop page
Add to cart alert on shop page Product Page
Product Page Product Page with the alert
Add To Cart Alert Cart Page
Apply Coupon Code On Cate Page
Checkout Page
Order Successful Place
This was our first project where we used JavaScript. Here we have GitHub repository link of our BigBasket.com project :
Team Contributions:-
1.Rohaan Telangur :- My LinkedI profile is https://www.linkedin.com/in/rohan-telangur/
I worked on the home page, cart page & checkout page tried clone it exactly like the original website’s page specifically when it comes to the Navigation bar, footer, banners, and app download banner. Worked on almost every page of the website in terms of syncing all the pages together and fixing the Navigation bar, footer sitemap, and as well as on functionality of the website. Built product search filtering Created a local database for the search bar functionality And much other syncing functionality in this project was part of my job. I used HTML, CSS, Bootstrap-5, Sweet alert, JS, and Local-Storage ( to store and get data) and creative tags in JavaScript. 2.Vishakha Vinod Jangam:- My LinkedIn profile is https://www.linkedin.com/in/vishakha-jangam-1700a9163/
I worked on the product page and cart page. I face some problems in the JavaScript part but it gets resolved by discussing them with my friends. I learn a lot of things in JavaScript, learn more about local storage, how to append, add the product to the cart, make sliding and drop-down pages, and also improved my HTML & CSS, I like working as a team, interact with each other professionally. I gave my best and did a lot of things but still, there are a few functionally things that are left behind and remain static. In my point of view, we can make our website more efficient by using JavaScript from the initial days so that we can save time unlike making pages again and again by using CSS and HTML so that we could have been worked more on the remaining things. 3.Anurag Dinkar Pawar
It was a great experience for me as this is my first project in tech. I was very excited when we started working on the project. My team members were very supportive and helped me a lot during project work. I learned html, css, JS, DOM, and local storage in the second unit at masai school, so I use that concept in this project. In this project specifically I worked on product pages and the product desciption page. So, overall I get to know new concepts and I also learn how to work in a team. 4.Kuldeep pal :- My LinkedIn profile:
I used many properties and learnt a lot of things from this project :- I used HTML, CSS, JS and Local Storage ( to store and get data). I used CSS flex and grid properties to reduce code and time. I worked in slide-show, product page and FAQ’s section. At last Would like add is that, My team members were very supportive. 5.Harish Rayala:-My LinkedIn profile:
I have used HTML, CSS to create a attractive webpage and with JS for all functionality. My contribution in this project is about making few sections of segment bars which is common for all subpages. By using CSS flex I have made content in alignment. I have made a Carousel Slideshow by using Html, CSS and JS which I have learned from this project with help of my teammates. Hope you all like our BigBasket Clone.