An open API service indexing awesome lists of open source software.

https://github.com/samarbadriddin0v/twitter-clone

Exciting Twitter - X clone project leverages NextJS, ReactJS, TypeScript, MongoDB, and Node.js for a seamless user experience.
https://github.com/samarbadriddin0v/twitter-clone

next-auth nextjs13 nodejs tailwindcss typescript

Last synced: 3 months ago
JSON representation

Exciting Twitter - X clone project leverages NextJS, ReactJS, TypeScript, MongoDB, and Node.js for a seamless user experience.

Awesome Lists containing this project

README

          

Building a Twitter Clone with Next.js React.js TypeScript MongoDB and Node.js

project-image

🚀 Dive into the world of modern web development with our latest project - a Twitter Clone! 🐦 In this exciting video we walk you through the technology stack we used to bring this social media platform to life.

🚀 Demo

[https://x.sammi.ac/](https://x.sammi.ac/)



🧐 Features

Here're some of the project's best features:

* Authentication system
* Following functionality
* Comments / Replies
* Likes functionality
* Google / Github authorization

🛠️ Installation Steps:

1. Cloning the repository

```
https://github.com/samarbadriddin0v/twitter-clone
```

2. Install packages

```
npm install
```

3. Setup .env file

```
GITHUB_CLIENT_ID=
```

```
GITHUB_CLIENT_SECRET=
```

```
GOOGLE_CLIENT_ID=
```

```
GOOGLE_CLIENT_SECRET=
```

```
NEXTAUTH_URL=
```

```
MONGO_URI=
```

```
NEXTAUTH_JWT_SECRET=
```

```
NEXTAUTH_SECRET=
```

11. Start the app

```
npm run dev
```



💻 Built with

Technologies used in the project:

* ReactJS
* NextJS
* NodeJS
* ExpressJS
* TailwindCSS
* Next auth
* MongoDB
* Mongoose
* Lodash