THE FABINDIA
How did we build the fabindia shopping website clone?
Hello reader, Mallikarjun B Haralalli this side welcomes you to this blog post. Let me introduce you to the platform first, so “fabindia.com” is an e-commerce website, and we as a team was assigned the task to create the clone of this website from scratch, sounds interesting right? So let me take you a few days back where we are setting up our desks to initiate the development.
We are Five Developers, including me(Mallikarjun Haralalli), Abhishek Dadhich, Akhilesh Javalagi, Rajiv Kumar Pathak, and Sanjay Sharma. We were totally new to each other and to remove this communication gap one casual meeting is required, hence a zoom meeting was scheduled and we all spent some time knowing each other, no work-related talk.
The First Day ( Initiating the project )
So the previous night, we already had some random talks and now it was the time to discuss some work-related tasks. So we first had a deep view over the existing site and took note of things and functionalities. After that, we discussed the respective work ended the call, and started working on our parts, We used to meet on a zoom call twice a day. This was the flow that was going on during the workdays.
Tech Stack used
In this whole fully functional website we used HTML, CSS, and Javascript and also some new concepts of ES6. Yes, I know what you might be thinking. How is it possible to make the clone with just 3 technologies? Well, as we have just started our humble journey to learn full-stack web development at the Masai school, we just knew these technologies so far. But I hope you would appreciate the amount of precision and the perfectness we have achieved. To know how we did it please keep reading.
Challenges Faced
If you are working on a big and full-stack project, there are always some challenges waiting for you, with us too it was nothing different.
- Handling Backend
The most crucial part of any big website, we faced a bit problem at some phases, but in the end, we learned some new things and resolved all issues.
- Time Constraint
Last but not the least, we had to complete the project in a span of 5 days, so there was pressure that we were carrying with us, but with all our dedication and hard work we managed to complete it in just 4 days, surprised? but yes that is the truth.
Now let me take a pause and thank you as well for being with me till here, yes this smile that you are having right now, I care for that. Now let me showcase my project to you.
The Landing Page (Home Page)
Product Page
Product Description Page
Cart Page
Payment Gateway
Check out the whole website by clicking here.
Check out the repository on GitHub: https://github.com/abhiicodes/FabIndia-Clone.git
Major takeaways from the Project
There is a lot of learning to take when you work on a team project, and it is even more if you are working for the very first time. As mentioned earlier, we were able to attain the required layout because of the communication that we maintained. The command chain that we follow and the level of understanding about the topic we had. I felt proud to work with such amazing people and represent the team in the evaluation.
1. Collaborating with the team
2. Overcoming communication barrier
3. Learning GIT
4. Getting industry like experience
5. Work within the time constraints
6. Last but not least — Some great friends
If you are still here listening to me, I am so glad and I thank you with all my heart, Before going I would like you to rate our project and give suggestions in the comments, I would love to have them. Once again thank you and I will meet again after a month with some other exciting project.
“Do everything you have to do, but not with ego, not with lust, not with envy but with love, compassion, humility, and devotion.” — Lord Krishna
Thank you
