Skip to content

0xSunill/Chat-Sync

Repository files navigation

# Build and Deploy: TWITTER clone with React, Tailwind, Next, Prisma, Mongo, NextAuth & Vercel (2023) ![Fullstack Twitter Clone (2)](https://user-images.githubusercontent.com/23248726/224405420-03112a76-250a-4283-992c-60e235170678.png) This is a repository for a FullStack Twitter clone tutorial using React, NextJS, TailwindCSS & Prisma. [VIDEO TUTORIAL](https://www.youtube.com/watch?v=ytkG7RT6SvU) [DOCKER VERSION by mandeepsingh10](https://github.com/mandeepsingh10/chwitter) We are going to learn funcionalities such as: - Authentication system - Notification system - Image Upload using Base64 strings - Prisma ORM with MongoDB - Responsive Layout - 1 To Many Relations (User - Post) - Many To Many Relations (Post - Comment) - Following functionality - Comments / Replies - Likes functionality - Vercel Deployment ### Prerequisites **Node version 14.x** ### Cloning the repository ```shell git clone https://github.com/AntonioErdeljac/twitter-clone.git ``` ### Install packages ```shell npm i ``` ### Setup .env file ```js DATABASE_URL= NEXTAUTH_JWT_SECRET= NEXTAUTH_SECRET= ``` ### Start the app ```shell npm run dev ``` ## Available commands Running commands with npm `npm run [command]` | command | description | | :-------------- | :--------------------------------------- | | `dev` | Starts a development instance of the app | # Chat-Sync # Chat-Sync

About

Welcome to Chat Sync, a cutting-edge social media platform designed to seamlessly connect users through the power of instant messaging and photo sharing. With a robust tech stack featuring #Nextjs, #TailwindCSS, #MongoDB, #TypeScript, #NextAuth, and #Prisma, Chat Sync offers a modern and efficient user experience.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages