About 1st collaborative project making clone of (bewkoof.com)website:-

Vijay Prakash
5 min readApr 4, 2022

--

Hi Everyone before starting the blog I just want to say thank you to Masai school for providing me such kind wonderful platform to improve my knowledge and skill.

So now here I am writing our experience about first group project at Masai school it was very challenging and exciting journey for me as well as our team member because we learned lots of things during construct week and one things which I observed that working individually and working with team member’s is quite different task because in group project we have also required to understand the thought and working process of our team member’s

so when we got the project first we started planning about it and then we started studying the target website and understand the work flow of website ,then we divided the complete task into small small task and distributed that task among the team members.

So now I am giving some idea about our project we were building the clone of bewkoof.com website it is online shopping eCommerce website and from that website you can buy the things like other shopping website i.e. Amazon ,flip-cart,eBay…etc.

So during development of this website basically we used 45.60% JavaScript , CSS 30% and HTML 24.40%

Here we are providing some overview of our website :-

Home Page:-

This is main landing page of our website so from here you can visit to any page and any section of our website just by clicking on any option in Navbar section so it is fully function and responsive so as per user requirement just click on required section and buy the things.

login/sign up :-

By using this page functionality user can create an account and it is very simple you have required to just put the contact number and when you click on continue button the it will send a OTP and when you confirm the OTP then then you successfully get logged with us.

Product Page:-

By using this section user can buy the product and it is very simple so just as per your choice click on that section i.e. Men,Women,Mobile… after that select the product and then click on add to bag button then that item get automatically added in cart section

Add to cart Page:-

So when you click on bag symbol of the navbar then you will reached at add to cart page where you can saw all the product which get added in cart section we provide various functionality in this section . you can also add and remove the item from her as per your requirement and we also provide move to Wish-list button so by clicking on it you can move your item in wish-list section and in right side of this page we provide the complete details about price and if everything is ok then just click on continue button and place your order

Payment Page :-

So When you click on the continue button of cart section then you will reached at the payment page where user have required to fill some information and the right side of payment page we also give the product and price details and if every information is correct then then you will received the OTP otherwise it will show a popup message for error and when you submit the correct OTP then it will give a confirmation popup message about your payment and your ordered get successfully placed and then it will redirect you to our home page and that’s all about our website.

Tool’s used :-

GIT HUB for code collaboration , slack , zoom , Whats App group and google hangout for communication purpose.

Our Team Member and his/her responsibility:-

Learning :-

We all become more comfortable in reading the other person (team member) code.

How to work and communicate with team

how can manage the time in more efficient way

how can handle the pressure ……etc.

So if you want to give any suggestion then please contact us:-

Gmail:- vp146246@gmail.com

Source code link:- https://github.com/Vijay-Prakash146246/Bewakoof.com

Netlify Link:- https://clinquant-gingersnap-fd08a8.netlify.app/

Video presentation link :- https://drive.google.com/file/d/1lXTMH6kJnFdTxeT0K6C-xFvrCb9UZ3LN/view?usp=sharing

--

--