/Think-Loud

Think Loud is a social platform where you can share What are you thinking? with others within the community. Give it a try today.

Primary LanguageJavaScriptMIT LicenseMIT

think loud logo

Think Loud

Forks Stars License

📕 Table of Contents

📖 About

Think Loud is a social platform where you can share What are you thinking? with others within the community.

Give it a try today.

🚀 Features It has

Profile

  • can check other users Profile

  • can Edit your profile

    • Profile and Background image
    • Name
    • Bio (max 180 characters)
    • Website URL

  • can check Broadcasts (aka Posts), Likes and Replies you did (or, of other users)

  • can check Followers/Following number of yours (or, of other users)

Bookmarks

  • check your Bookmarks
  • clear All Bookmarks, at once
  • remove a single Broadcast from your Bookmarks list

Explore

  • see Broadcasts made by other users of Think Loud

Home

  • see Broadcasts you made or Broadcasts made by users you Follow

  • Filter

    • See most liked Broadcasts

  • Sort

    • See latest Broadcasts

Single Broadcast Page

  • can see Replies on a specific Broadcast

Broadcast

  • can make a Broadcast (max 280 characters)
  • can Like, Reply, or Bookmark to a Broadcast
  • can Edit or Delete a Broadcast (if made by you)

Follow/Unfollow

  • can Follow/Unfollow other users, either by

    • going on their Profile
    • from right sidebar
    • from the Broadcast menu option

Authentication

  • Log In

    • with remember me feature (for max 2 days)

  • Sign Up

  • Log Out

Search the User

✨ Features You will See in Future

  • Dark theme
  • Responsiveness
  • Infinite Scroll
  • Followers/Following list page
  • Toast for better User Experience

🔌 Getting Started

  • clone the repository on your local machine with the command below in your terminal, and cd into the Think-Loud folder
git clone https://github.com/hsnice16/Think-Loud.git

cd Think-Loud
  • install dependencies (if you are using yarn then do with that)
npm install
  • create a .env file at the root level of the directory (at the level of package.json) and create a variable like mentioned below
REACT_APP_JWT_SECRET = <JWT_SECRET_KEY_OF_YOUR_CHOICE>
  • start the server
npm start

👨‍💻 Connect with me