/begin-with-u

Instagram UI build in React. This UI is having many features such that Edit Profile, New Post, Delete Existing Post, Image Viewer, Like and Comment.

Primary LanguageTypeScript

Instagram UI Mock APP

This is Instagram UI Mock UI developed using React with TypeScript.

Instagram App is responsive App : Tested on Desktop as well as Mobile.

Link

Instagram App is also live on the following Link: https://umangg21.github.io/begin-with-u/

Functionality:

1. Home Page of User
    a. View of Display Picture of User
    b. View of User Info
    c. View of Posts

2. Edit Info
    a. Edit User Name
    b. Edit User Id
    c. Edit Uder Email
    d. Edit Profile Status

3. New Post
    a. Add New Image
    b. Post Comment

4. View Image in Enlarge view(Click on any Post)
    a. Enlarge view of Image
    b. View/Add Like
    c. View/Add Comment
    d. View Post Upload Date
    c. Delete Post

How to run app locally:

1. Take the latest from Git
2. Run "npm install" in the root directory
3. Run "npm start"

Then open http://localhost:3000/ to see your app.
When you’re ready to deploy to production, create a minified bundle with npm run build.

Screenshots

  1. Destop View

npm start

  1. Destop Edit Info

npm start

  1. Destop New Post

npm start

  1. Destop Image View

npm start

  1. Mobile View

npm start

  1. Mobile View 2

npm start

  1. Mobile Edit Info

npm start

  1. Mobile New Post

npm start

  1. Mobile Image View

npm start