Instagram clone challenge

・1 min read

I appered for an online hackathon challenge on React, The task given for me was to build an Instagram clone web app.

I really liked working in react, how it helped me build faster with organised code.In short time I finished the task given,because with help of plug and playable components ( yes ,I shamefully reused most of my prev project components 😁😁 ).

I still hate my first experience as web dev when I have to care about the order of script tags and multiple libraries,dependencies confilcts.

yashwanth2804 / photocon

An Instagram clone application to share the photo

Photocon / An Instagram clone app

This image sharing app lets you to share images , it has functionality as follows

  • Post an image with basic info content
  • like and comment
  • delete post
  • Theater view for viewing photo
  • Mobile first design

Screenshots

Mobile

Web

Stack

This app was built using React-Redux and UI development framework was Semantic ui.

Project explanation

The Project was built using React-Redux architecture, in case of storing the likes for the images was done using redux store, single state manager. Semantic Ui used for this responsive web app that fit for mobile view. Taken care of mobile first design Used axios to load the insta.json file to the app. At first I tired directly with the provided api but i faced CROS related issues.

Implemented the in place Edit/update info functionality for user experience Taken care of basic validation like if post has no comments…

https://photocon.surge.sh/

Did you find this post useful? Show some love!
DISCUSSION (2)
Classic DEV Post from Jul 25 '18

Remember why you love to code

Forgetting your why is like losing your soul as a developer

kambala yashwanth
I ❀️ JavaScript > any other β˜• logo languages
Sign up (free forever)

dev.to is where software developers stay in the loop and avoid career stagnation.