Think Loud

---

📕 Table of Contents

• About
• Features It has
• Features You will See in Future
• Getting Started
• Connect with me

---

📖 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