4 days of remote working and collaboration: this is how we worked to clone the indigogo web application

Screenshot_2021-01-03 React App.png

We as a team of 3 people constitute vinay, lakshimi, and me , cloned the indogogo website in given time of 4 days. we worked remotely and collaboratively, while doing that,even through we faced some challenges, as we had a common goal to achieve, we overcome those challenges and learnt many things.

I'm currently learning MERN stack at masai school , we had given 4 days of time to build the crowd funding website indigogo. Every day we had continues communication when it is necessary, we used Zoom for team meeting and slack for instant communication.

here is a detailed 4 days of work progress

On Day 1, we had discussed about our goal and road-map for our project,and we planned to complete the homepage , but in order to decrease the probability of conflict in git, i took the responsibility of home page ,except the footer and navbar, and i started to build the home page . as we are using react , i had chance to divide the home page into simple components or small parts. i build 70 % of the home page

On day 2, when i joined all the parts into home page, it was not aligned properly, and there was a carousal part in the home page , it took away half of the day , just by making me thinking of re-building again, but i thought, we have very less time, so took help of my teammate vinay, and then he took the responsibility of home page, and i started to build the other page ,in that we needed to show the collection of products , completed that page, but still routing part was remained uncompleted, as vinay was still working on homepage.

On day 3, i started to build the new page, in that page, we need to advertise the products that user clicks upon. it was actually went smooth, and i was divided that page into few parts and i used react-responsive-carousal library to build one those parts. and i was constantly updating the code in the git-hub , by creating new issue for every task that i code , after completing the issue, as usual i used to close the issue. Actually on day 3 i got good grip on creating issues in git-hub and closing them on time.

On day 4, we all faced a issue, as we are not focused on responsiveness of our website , when we pull all the code from our different branches , the parts of our page were not aligned according to our structure. it took lot of time to align properly , and we made some modifications in our code, all of us added some other components. from second half of the day, i just did routing part. As i was working on my own branch , we wanted to merge all our code to one branch, we had very less time, we decide to merge our code after the presentation on next day, but one issue was left out, footer part of our website was floating around the page, as vinay worked on footer, he searched a lot , finally he got to know that , the there is nothing wrong in footer. but still the bug was not fixed. all of us were almost give up and finished our working day, but i wanted to fix it at any cost.and as i already cloned the whole working website on new folder, i tried to figure out the bug and i succeeded as well, the next day we discussed and sort out the issue .

things those helped to do our project

  • consistent communication between our teammates through Zoom application
  • used Notion and git-hub to see continues progress of our teammates
  • discipline
  • resilience

Challenges we faced:

  • internet issue
  • misalignment of components
  • learning carousals

This is how we overcome

  • when i get internet issue i searched new place where i find internet, and kept on coding , i took some really good time to search new place

  • we used some good libraries in react instead of building components from scratch

  • we discussed and solved the merge conflict and misaligned components at the end of 4th day

This is about our 4 days of journey, we enjoyed coding collaboratively, and hoping to do more and more projects by working remotely and collaboratively

Thank you masai school.