DEV Community

Cover image for My first React project - Instagram clone
Nejc
Nejc

Posted on

1

My first React project - Instagram clone

I'm a C++ and C# programmer, but I've wanted to try the JavaScript library - React for a long time. I only have a little prior knowledge of javascript itself. For my first demo project, I chose to make a simple Instagram clone. I created this Instagram clone with React, Firebase (Auth, storage, and deploy), and Material-UI. After implementing this project, I am extremely surprised by the simplicity of React. The material-UI gave me a nice look, and the firebase gave me easy manipulation with backend, authentication, and deploying. The Instagram clone is demanding enough, exciting, and scalable for the first demo app, and I recommend this challenge to others. This demo project inspired me to take on new challenges with React soon.

This project is available on this page, where you can test some of the functionalities (do not upload or post inappropriate content).
Also, you can see the code on Github. You can reuse code on your projects, add issues if you see some problems, or have some suggestions.

Instagram

Heroku

This site is built on Heroku

Join the ranks of developers at Salesforce, Airbase, DEV, and more who deploy their mission critical applications on Heroku. Sign up today and launch your first app!

Get Started

Top comments (3)

Collapse
 
kris profile image
0xAirdropfarmer

Superb work. Thanks for sharing this. Checked it out and it is a great template to have as a start Instagram app. Moreover, you can check out some amazing instagram clone templates that offer not only the state of the art UI screens but also powerful features more your inspiration, Keep up the good work, mate!

Collapse
 
eduoc profile image
Eduardo Costa

Thats awesome! 👍

Collapse
 
avnitai profile image
Itai Avni

Nice!

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay