Talkible

A new age social media where you can connect, share, and engage in a vibrant social network.

live link

🔗 Talkible

How to install and run locally ?

- git clone https://github.com/anandbaraik/talkible.git
- cd talkible
- create .env file on root of your project and copy env variable from envexample and set required credentials to run app
- npm install
- npm start

Pages and Features

Home Page

• Posts of users you follow & posts made by you
• User Suggestions
  • Follow users
• Like/ Unlike a Post
• Add/ Remove a post from bookmarks
• Create/Edit post with image upload and emoji
• Delete Own post
• Sort/filter posts based on Latest/Trending/Oldest.

Explore Page

• All Posts from users

Bookmarks Page

• User's bookmarked posts list
  • Remove from Bookmarks
  • Like/Unlike posts

Liked posts

• User's liked posts list
  • Unlike the post

Profile Page

• Edit own profile with image upload or choose avatar from avatar options
• Follow/Unfollow users.
• List of all posts posted by user

Authentication & Other Features

• Authentication
  • Signin
  • Signup
• 404 Error Page
• Search Users

Built with

• React JS
• React Context API + useReducer for State management
• React Router v6
• Chakra UI
• React icons+Chakra icons
• React-toastify
• Vercel for Deployment
• Mockbee as mock-backend
• Cloudinary for Media Storage

Contributions

Contributions are welcome! If you'd like to contribute to the project, please follow these steps:

• Fork the repository.
• Create a new branch for your feature/bug fix: git checkout -b feature/your-feature.
• Make your changes and commit them: git commit -m "Add your feature".
• Push to the branch: git push origin feature/your-feature.
• Submit a pull request.

Screenshots

Home Page

Explore Page

Bookmarks Page

Liked Posts Page

Profile Page

Authentication

Create Post

Edit Profile