Project image for Instagram Clone Project

Instagram Clone Project

HTML/CSSJavaScript
Build a frontend clone for Instagram using the assets we provide and test your HTML, CSS and JavaScript skills

Open in IDE

Includes assets, JPG images of the design files, design files themselves and a basic style guide. There's also a README to help you get started.

Project Description

Your challenge is to build out this landing page and get it looking as close to the design as possible.

This project focuses mostly on HTML & CSS. There's a tiny bit of JS included for the mobile navigation toggle. But you could also choose to do this without JS!

You can use any tools you like to help you complete the project. So if you've got something you'd like to practice, feel free to give it a go.

Your users should be able to:

  • View the optimal layout for the site depending on their device's screen size

  • See hover states for all interactive elements on the page

Download the starter code and go through the README.md file. This will provide further details about the project. The style-guide.md file is where you'll find colors, fonts, etc

Get involved with the community

Join our discord server and explore the community forum to share your feedback with others. Ask questions, help others and learn in public to make the best use of codedamn.

Also check out the full-stack learning path to learn how to build such projects completely on your own.