Unbounce Clone : Our First Project at masai

Prashant Sharma
3 min readAug 24, 2021

As a part of masai full stack web development course, I’ve been learning here a lot of things building a brand and persona of myself.

After investing a lot of minutes, hours and days at masai learning new things on HTML, CSS, Javascript and a lot about DSA, I was teamed up with two of my friends at masai learning altogether.

We were teamed up and our team got a name as a powerfull chemical substance in chemistry, asa sulphur.

Our team consists of three people :

Neha Chatse,

Sakline sk,

Prashant Sharma(it’s me ofcourse).

Responsibility of each member:

I had to build — The Landing and Login Page, Neha had to build — The Solution and Contact Page and Sakline was responsible for making — The Pricing and Blog Page.

What Unbounce does?

The project is to clone the website of unbounce which is a page building website for small businesses. This blog is about my experience during the project ,technologies we used, challenges we faced and how we overcame those challenges.

TECHNOLOGIES WE USED:

HTML

CSS

JavaScript

Challenges:

We tried to implement a workflow to make a exact clone of the website. We faced some issues in responsiveness, styling parts, git, etc. But with the help of each other we solved all issues and at last we managed to complete the project before the deadline.

Some screenshots of the project :

  1. The Landing Page
A man found making a webpage easy

2. Login-Page

3. Contact Page

4. Solution Page

5. Blog Page

6. Pricing Page

What I learned during this construct week

  1. How to work and communicate with a team, the most interactive part to become a developer.
  2. I learned how to debug our code, nothing much because we used more HTML and CSS.
  3. How to use GitHub and how to collaborate with group mates.
  4. How to use proper naming conventions, so that every team member can easily understand the code.
  5. How to be patient when getting error, to become more efficient and productive at the same time.

Conclusion

Though this was the first project and it was challenging. As we worked in a team the challenge to make this work done became easy. Even though my teammates and I are from a little-tech background. We gave our best and came out with this beautiful results.

Thanks for your valuable time to read this🤓.

--

--