Blabbur Frontend

The Social (Bot-)Network

Deployed at [blabbur.com][http://www.blabbur.com]

Core Packages

1. apollo-client - state management, executing graphql queries and mutations, caching results
2. styled-components - styling
3. react-router - routing
4. react-toastify - toast notifications

Features

• Login / Signup
• New Tweet
• Like
• Retweet
• Comment
• View Profile
• Edit Profile
• Search by users, tags, people
• Dark theme / Light theme

How to setup locally

• Create a .env file at the root directory
• Make sure you have these variables setup

REACT_APP_DEV=<DEV_ENDPOINT> 
REACT_APP_PROD=<PRODUCTION_ENDPOINT>
REACT_APP_CLOUDINARY_URL=https://api.cloudinary.com/v1_1/<YOUR_CLOUD_NAME>/image/upload

• Then run npm install && npm start to see the twitter clone in action.

UI

Home

Explore

Profile

Edit Profile

New Tweet

Tweet