DEV Community

Cover image for I've made an Instagram clone with React
Diogo Goncalves
Diogo Goncalves

Posted on

I've made an Instagram clone with React

Hey, I hope you are having a great coding weekend 😃

Recently I've been studying React (I'm a Vue guy) and to sharpen my skills I decided to build an Instagram clone. You can check it live here, it's on Netlify and if you wanna dig the code or contribute it's on my Github.



alt

How it Works

The app has three pages: Feed, Comments and Stories. All the data is loaded from json files and drilled down from the page to the components.

Responsiveness

I made it max-width 414px so if you can check it on desktop and even older phones.

What's Next

I think it'd really cool to have a dark mode. Maybe when you click on the config icon it shows some options and a switch to darkmode it.

That's all, any feedback is appreciated.
See ya ✌️

Top comments (3)

Collapse
 
kris profile image
0xAirdropfarmer

Thanks for sharing this. You can also take inspiration from some of the most amazing Instagram clone templates out there in the market. They offer state of the art UI with fill-fledged features resembling to the original app itself.

Collapse
 
prkkhan786 profile image
prkkhan786

The UI is amazing 🔥

Collapse
 
diogo405 profile image
Diogo Goncalves

Yeah! Got the inspo from this guy on dribbble dribbble.com/shots/14188610-Instag...