Mailchimp Clone #teamNeon
This is a Unit -1 Masai build week project article about making a static clone of a website. We were assigned the website of MailChimp, a marketing automation platform, and email marketing service. We had an immense amount of learning throughout the 4 days of building the clone, right from the core principles of HTML and CSS to some of the more advanced concepts. This clone is built by :
- Mandar Satam
- Himanshu Dwivedi
- Abinash Sahoo
We used HTML CSS and a bit of JavaScript to make this clone. You might be wondering, does one build the clone of Mailchimp using only these. This was possible due to the supportive team lead and our dedication to finding the pixel-perfect clone of Mailchimp. We have used only these three because we have just started our humble journey to learn the Stack development course in my school.
This clone consists of a landing, our story, resources, pricing as well as a login page. All the pages in the clone are fully responsive and adaptable to all screen sizes. For responsiveness of the website, we have used flex-box, grids, and media-queries.
For making the clone pixel perfect, we have used the same exact fonts that the original website has. Also to replicate the website’s behavior for different screen sizes, we used the same breakpoints that the original website has.
We faced a lot of challenges during the course of building this project, but we were quite successful in overcoming those thanks to the great communication that we had with all of our team members. Everyone did their part well, as well as were forefront in helping other team members do theirs. All the collaboration was through Slack channels, Zoom calls, and Github.
This was a great experience to work in a collaborative fashion and to work as a team to get to a common goal. Looking forward to more such experiences.
Following is the link for the cloned website :
