Wanderlog Social Media App

Wanderlog is a social media application for travel enthusiasts! Follow along with your friends posting about their travel including pictures and tips, hidden gems. Get inspired to start and share your own solo travel journey.

Preview

Wanderlog-social.mp4

Features

• It is made using Bootstrap
• This is a frontend social media project created using the mock backend mockBee.
• Contains modular React components for reuse throughout the project
• Easy to use website
• 100% Responsive
• Modern and clean design
• Dark mode - Light mode toggle

Project Pages and Functionality

• Home Page

• Landing page with hero image, footer, cta button, and easy to navigate navbar

• Authentication

• Login and Sign Up features that will allow profile creation, post creation, follow-unfollow and bookmarks
• After successful login, user can see a logout button on the navbar
• A hide-show icon button that shows or hides password.
• Sign-up page from where user can sign-up using email, first name, last name, password & confirm password.
• User can logout and new user can login

• Home Feed Page

• User can create posts with images from here
• Posts can be sorted by date or trending
• Suggested Users sidebar to follow unfollow users

• Post Features

• All posts can be liked, unliked, bookmarked and commented on

• Edit/Delete Posts

• Logged in user can edit and delete their post
• Editing post opens up a modal for editing the post from where image can be deleted or text content can be changed

• Bookmarks Page

• Posts which are bookmarked show up here
• Posts can be removed from bookmarks

• Explore Page

• All posts from the user, followed users as well as unfollowed users can be seen here sorted by latest

• Single Post Page and comments

• Clicking on a post leads to single post page
• All comments can be seen here sorted by latest
• New comments can be added
• User can edit or delete their comment

• User Profile Page

• A profile page with all user details can be seen here
• User can edit their profile, add a bio and portfolio links as well as a profile picture
• Profile picture can be changed multiple times

Features to be added (Work in Progress)

• Searching users/posts
• Share posts

Features that will improve the project

• Custom backend with database for data persistence
• Notifications
• Stories
• Chat
• Cover image in profile
• Infinite Scroll
• Follow hashtags
• Draft post
• Archive post

Tech Stack

• React.js
• JavaScript
• Redux
• Bootstrap 5
• React Bootstrap
• React Router
• React Router Bootstrap
• HTML
• CSS

Run Locally

Clone the project

  git clone https://github.com/bhavyaj12/halcyon-wanderlog.git

Contribute!

This project is meant to be open source! Do feel free to add bugs and fork the repo for contribution. Here's how you can contribute:

• Fork the project repository
• Clone your fork
• Create a new branch with a proper feature name, in your local repo
• Make chages, commit and push
• Raise a Pull Request

Liked the project? Do please ⭐ it :)

Authors

• @bhavyaj12

🔗 Links

• I am currently looking for a job/internship opportunity. Ping me here:-