DEV Community

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

Posted on

6

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 ✌️

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

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...

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