How We Created Entire E-commence Sites Clone in less than 4 days.
As a monthly evaluation at Masai School, we were tested to clone any entire E-commerce site called Uboric.com within a short span.
I wish to cover this Topic in 4 Parts, Initial Idea & Approach, Challenges, Correction, and Final output.
Here is the landing page of the site.
^Initial Idea & Approach
We were a team of 4(Ashish, Deepak, Jayesh, Me), with our experience from building our first site, We decided to divide our work in form of Pages.
Thus Our major work was focused on creating a similar-looking site, thus mainly working on HTML & CSS. Which was less challenging and simple.
After a day of working our desire to learn and grow was pushing us to get more active with other things. Later in the evening meeting, we all decided to go the extra mile by implementing other factors and functionalities
Though we a bit of experience in previous projects thus one bought challenges of its own.
Being an E-commerce site major Challenges included large data collection in terms of products, filtering them in terms of pricing & sizes, implementing search functionality on all products across data collection, adding these products to the cart, getting the price of total products added to the cart, etc.
Well, no denial it was tough in starting, ways understand and approach certain functionalities. But lucky I got a great team who were ready to take on challenges on work to solve them.
Well Breaking our challenges into the smallest parts to its fundamentals gave us the advantage to solve challenges.
For example, the search functionality was made possible by adding a New page which rendered all the components and filters the word what user is looking for, thus and local level elementary search was applied using the index of function in java-script.
Instead of creating the number of pages of each product, we decided to go with a local database in JSON format, which can be rendered to users with on click of a button.
For Cart functionality, we used an odd style of array push method where every product’s data was in object form on Clicking on “add to cart” the data of that product was pushed to the array which was later summed in the cart page.
Login and Registration of users were handled by local Storage by which the user was recognized.
Well, this was an interesting project not only in terms of uniqueness and challenges but gave my self-esteem a boost when we saw our final output and were short-listed for the Final Presentation before judges (CEO of Masai, other Important Members).
I would like to take a moment to thank my team members for their support and Masai for this opportunity.
We welcome you to our clone.
The Git Link is provided below: