Plex

Plex is a fully featured social media application for getting together with people.

Table of contents

• Installation & Setup
• Screenshots
• Technologies used

🛠️ Installation & Set Up

1. Clone the repo

git clone https://github.com/prashantrahul141/plex.git

2. Add env file using these vars:

# Prisma
DATABASE_URL=mysql db url

# Next Auth
# You can generate the secret via https://generate-secret.vercel.app/32
NEXTAUTH_SECRET=
NEXTAUTH_URL=http://localhost:3000

# Next Auth Discord Provider
DISCORD_CLIENT_ID=
DISCORD_CLIENT_SECRET=

# Github
G_GITHUB_CLIENT_ID=
G_GITHUB_CLIENT_SECRET=

# Google
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=

# Cloudinary
NEXT_PUBLIC_CLOUDINARY_CLOUDNAME=
NEXT_PUBLIC_CLOUDINARY_CLOUDAPIKEY=
NEXT_PUBLIC_CLOUDINARY_ENDPOINT=https://api.cloudinary.com/v1_1
CLOUDINARY_CLOUDAPISECRET=

You can see these docs to learn how to create OAuth app for Github, Google, Discord.

3. Install packages

npm i

🖼️ Screenshots

Home

Trending

Notifications

Bookmarks

Profile

Create posts, upload images

Edit profile

Fully responsive

💻 Technologies used

• Next.js
• tRPC
• Tailwind CSS
• TypeScript
• Prisma (with MySQL)
• NextAuth.js
• Cloudinary
• framer-motion