HOW WE BUILD THE monday.com WEBSITE CLONE?

Hi reader, monday.com is a project management tool that enables organizations to manage tasks, projects, and team work. As of 2020, the company serves 100,000 organizations, including many non-technical organizations. The product was created in 2010 as an internal tool in the Israeli company Wix.com. In February 2012, the product left Wix to become a separate company named daPulse, with Roy Mann, former Wix employee as CEO.

Original Website

Moving on, we, team Silicon at masaischool.com developed the clone on monday.com in just 3 days as a part of our curriculum’s Module 1 project evaluation. This Blog is all about what are all things we used? , how we did it? , what challenges did we face? , and how we overcame those challenges?

TECHNOLOGIES WE USED :

• HTML
• CSS
• Javascript

We have just started our journey on Masai School and learning full stack web development and these are the technologies we are familiar with right now. To know how we did it, please keep reading.

HOW WE DID IT?

Let me show you some screenshots of how our page look before explaining you our worked.

Landing Home

Contact Sales

Login Page

Signup Page

We were able to did this with the guidance of our lead Arjun Prasad & the dedication of my teammates to achieve our goal. With effective communication and time management we were able to create the pages perfectly.

We used the following resources for our help:

1. https://developer.mozilla.org/en-US/
2. https://www.w3schools.com/
3. https://www.fontawesome.com/

CHALLENGES WE FACED AND HOW WE RESOLVED THEM

As we were collaborating remotely on a project, we faced a lot of challenges while developing the clone. The some challenges are as follows --

1. We had to work on navigation and footer bar extensively to make it look more like the original one because the alignments were quite different. For this we browsed CSS properties beyond our knowledge scope to get the clone copy.
2. Understanding the page layout and fitting the elements was tricky thing and as each memeber has their own way of approaching to solutions for which we had to communicate with team mates more extensively and create issues on GitHub and assign different people so as to divide the workload.
3. When merging the parts of pages some of the CSS classes with same name disturbed the alignment of the page. To prevent it this from happening more one person was assignment to check the name of classes before merging the broken pieces.
4. Git was new and we had problems to push and merge the code and do the branching for different functionalities. We had to delete a branch during development and recreate it because it got pushed wrong file.
5. We had problems in integrating the login functionality to logos so we had to browse through internet and find some ways to do that and finally achieved the desired results.

FINISHING NOTE :

As mentioned above, we were able to attain the required pixel perfect website because team communication and working in fixed time constraints. It was good learning process and I feel proud to work in this project and contribute out best in the unit evaluation.

This project could not have be done without constant hardwork and contribution of Mohan Reddy and ShunmugaRaman.

Ending it with our readme.md from GitHub repository of project

GitHub Repository Link : https://github.com/ashutosh2803/Silicon_project