Social Network

Overview

Social Media App allows users to share their moments with others and find people with the same passions

Implemented functionalities:

• Login through magic links or other social media accounts
• Ability to share posts with photos and links
• Ability to add tags and mention other users in posts
• Ability to Like, comment and share posts
• Ability to follow other users
• Infinite feed with posts of people you follow
• Groups that allow you to find users with the same passions
• Explore section, where you can find other users or groups that may be of interest to you.
• Notification system, which will let you know when someone e.g. starts following you or add comment on your post
• Dark mode

Build with

• Next.js
• TypeScript
• TailwindCSS
• Prisma
• NextAuth
• TRPC
• PlanetScale
• Cloudinary
• Vercel

Links

• live demo
• github repo

Screenshots

Install

1. Clone repository

git clone https://github.com/mlatka9/twitter-clone.git

2. Go to project directory

cd twitter-clone

3. Install dependencies

npm install

4. Create .env file (see .env.example)

echo "" > .env (for windows) touch .env (for unix)

5. Run server

npm run dev

Acknowledgement

The app design was inspired by the devchallenges.io task