Photogram

Photogram is a social media app where you can connect with all your friends, upload pictures, like and comment on other posts

Features

The web application allows the users to upload posts, edit posts and also delete their own posts. Once the user is logged in, they are navigated to their Home page where they will be able to see their own posts and the posts uploaded by the users they follow. They will be able to like, comment and bookmark the posts. The users can follow other users from the Suggested users page to see their posts in their home page. On clicking on the username of the other users, the profile page of that user will be displayed.

Users can see the posts uploaded by all the other users from the Explore page. On clicking on any posts from the explore posts page, users will be able to see that post. Logged in user can navigate to their Profile page to update their profile bio and profile picture. They can see their posts, their bookmarked posts, followers and following from their profile page.

Pages

1. Home page
2. Explore page
3. Authentication
   • Login page
   • Signup page
   • Logout page
4. Suggested Users page
5. Profile page
   • User Posts
   • User Bookmarks
   • Followers
   • Following
6. Single post page

Checkout the live application here Photogram

Tech Stack used

Built using HTML , CSS, JavaScript and React

Hosted on Netlify

To run app locally

To run the app locally, follow the below steps:

1. Clone the app

git clone https://github.com/mnath30/Photogram.git

2. Go to the folder

cd Photogram

3. Install the dependencies

npm install

4. Run the app

npm start

Demonstration

Photogram.1.mp4