Skip to main content

Command Palette

Search for a command to run...

Kickstarter clone

Updated
2 min read
Kickstarter clone

Kickstarter is a crowdfunding platform that helps to bring creative projects to life.

For building a clone of any website these are steps to be followed:

  1. Recognize the layout of the page.
  2. Use Git Hub for collaboration.
  3. Proper communication among team members.

save_20210203_151230.jpg

1. Recognizing the Layout of Website

  • As we can see the pattern across the website, decide how many pages you want to create and divide them among team members. So the parts of the code can be reused.
  • The header, footer and icons are common across all pages in the website.
  • Remember to define unique names for classes and id's in order to avoid flaws.
  • Using the right font styles is a must.
  • Media Queries allows us to shape the website responsive.

1.png

2. Use Git Hub Collab

  • This makes the merging easy and a little automated.
  • You should agree on a particular time for pushing the code and merging it to reduce merge conflicts. - This can be done perfectly by assigning one of the team members this task.

3.png

3. Communication

  • This is the essential part of the project.
  • The team which has proper communication can easily achieve their goals.

2.png

Learnings

  • Use of Marquee Tag for displaying a continuous scrolling text animation.
  • Use of set Timeout and opacity in JavaScript for creation of pre-loader.
  • Use of mouse hover and filter functions to make the website look more realistic.
  • Teaching and learning from my peers.

ezgif-2-46a3f65c5859.gif

Challenges

  • Being quick in finding solutions is essential.
  • Writing a code that is easily understood even visiting it after a long time is a tough thing.
  • Merging and debugging the code.
  • Understanding my teammate's approach.

Resources

  • Stack Overflow
  • Animation - Traversy Media (Youtube Channel)