skarthikeyan96 / tweeter

Twitter clone using Next.js + HarperDB

Tweeter

Twitter clone using HarperDB , Next JS and Material UI.

Stack

1. Next.js
2. HarperDB
3. Material UI
4. Cypress

Initial Features

• User story: I can see my profile or others' profile

• User story: When I am on a profile, I can see Tweets and Retweets. I can also filter by Tweets, Tweets and replies, Media and Likes

• User story: When I am on a profile, I can see followers and following

• User story: When I am on a profile, I can see follow or unfollow the user

• User story: I can navigate between Home, Explore and Bookmarks

• User story: I can navigate to My Profile, Group Chat (optional), Setting/Authentication App.

• User story: When I am on Home, I can post a new Tweet

• User story: When I post a new Tweet, I can choose to upload an image and set the Tweet to be public or only-follower

• User story: When I am on Home, I can see Tweets of people who I follow

• User story: I can Comment, Retweet, Like or Save a Tweet

• User story: I can Comment with image and I can like a comment

• User story: I can see the posted time of the Comments and Tweets

• User story: When I am on Home, I can see the most popular hashtags and people I should follow (it's up to you how to implement this)

• User story: When I am on Explore, I can see the Top, Latest Tweet, or Tweet with Media. I can also choose to see the most popular people

• User story: When I am on Bookmarks, I can see the Saved Tweet

Challenge Details

Dev challenges - Full Stack

Harper DB Hashnode Hackathon

Design Link:

https://www.figma.com/file/xxf4TG14lpF3vFUbBtEZUR/Tweeter?node-id=1%3A1520

Local Environment set up:

# clone the repo 
git clone  https://github.com/skarthikeyan96/tweeter.git

# install in local
yarn 

or 

npm install 

# start the env
yarn dev

or 

npm run dev