Tech Stack

Features List

• Users can create an account using their email, Google, or Github

• Users can upload images to their post and messages

• Users can message other users in real-time

• Users can delete their message in real-time

• User can post content for everyone to see in real-time

• Users can delete their post

• Users can comment and like on other users' posts

• Users can view other users' profiles and their posts

• Users can edit their profile

• Users can group chat with other users

• Owners of the group can remove and add users to their group

• Owners of the group can also edit their group image and name

• Users can watch videos on the ForYou page (pre-release)

Filmz Page

Message Page

Profile Page

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Then set up your enviroment variables

#.env.local

NEXT_PUBLIC_YOUTUBE_API=
NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_KEY=
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME =
NEXT_PUBLIC_CLOUDINARY_API_KEY =
NEXT_PUBLIC_CLOUDINARY_API_SECRET=
NEXT_PUBLIC_apiKey=
NEXT_PUBLIC_authDomain=
NEXT_PUBLIC_projectId=
NEXT_PUBLIC_storageBucket=
NEXT_PUBLIC_messagingSenderId=
NEXT_PUBLIC_appId=
NEXT_PUBLIC_measurementId=

Goals

• a popup appears on recent messages

Blockers

• adding a video algorithm
• setting up video properly