Skip to content

Latest commit

 

History

History
52 lines (45 loc) · 1.93 KB

README.md

File metadata and controls

52 lines (45 loc) · 1.93 KB

Travelgram

Travelgram

Live project

https://travelgram-social.netlify.app/

How to install and run locally?

git clone https://github.com/rajashree23/Travelgram.git
cd Travelgram
npm install
npm start

Screens

  • Authentication (Login, Signup) Pages
  • Profile Page
  • Home Page
  • Explore Page
  • Bookmarks Page
  • Single Post Page

Features

  • Authentication using JWT along with form validation for Login and Signup Pages. All the below features are present after login.
  • Dark mode and Light theme modes are available.
  • User can create, edit and delete the post.
  • Image can be added to the Post.
  • Users can like or unlike any post.
  • Users can add or remove posts from bookmarks.
  • Home Page where users can see their and friends' posts followed by him/her. Trending, Oldest, and Latest Features where users can sort the posts based on maximum likes and by date.
  • Explore Page where all the posts will be visible.
  • Bookmarks Page where all the posts bookmarked by the user will be visible.
  • Users can follow or unfollow other users.
  • Profile Page where user can edit their profile. It contains details like Following, Followers, Avatar, Bio and Portfolio URLs. Users can edit their profiles and choose photos from default avatars.
  • Users can view the profile of other users as well.
  • Search Functionality with search suggestions.
  • Suggestions with Follow Button on all pages.
  • Alerts in the app to notify the users about success/failure operations.
  • All the screens are Responsive.

Tech Stack and Tools

  • React(useContext and useReducer)
  • React Router v6
  • CSS
  • Git For Version Control
  • Netlify for Deployment
  • Cloudinary for Image Storage

Logo

Created by me on Canva

Demo Video

https://www.loom.com/share/efe4593e5a954cc0a0ae3582ec36c9ba?sid=e222f446-6d66-49ae-bf08-0fd69d146e6a