/talkible

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

Primary LanguageJavaScript

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

  • 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.
  • All Posts from users
  • User's bookmarked posts list
    • Remove from Bookmarks
    • Like/Unlike posts
  • User's liked posts list
    • Unlike the post
  • Edit own profile with image upload or choose avatar from avatar options
  • Follow/Unfollow users.
  • List of all posts posted by user
  • 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

Talkible-home

Explore Page

Talkible-explore

Bookmarks Page

Talkible-bookmarks

Liked Posts Page

Talkible-liked-posts

Profile Page

Talkible-profile

Authentication

Talkible-signup

Talkible-signin

Create Post

Talkible-create-post

Edit Profile

Talkible-edit-profile