Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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

Welcome to the Twitter Clone project! This application is built using Next.js, TypeScript, Prisma, Tailwind CSS, NextAuth.js, and tRPC. It aims to replicate some of the key features of Twitter, including tweets, following, likes, and an infinite tweet feed.
https://github.com/anwesha2002/twitter-clone

next-auth nextjs prisma react t3-stack tailwindcss trpc typescript

Last synced: 3 days ago
JSON representation

Host: GitHub
URL: https://github.com/anwesha2002/twitter-clone
Owner: anwesha2002
Created: 2024-01-12T19:21:53.000Z (12 months ago)
Default Branch: main
Last Pushed: 2024-01-26T20:13:46.000Z (11 months ago)
Last Synced: 2024-11-02T03:23:59.745Z (about 2 months ago)
Topics: next-auth, nextjs, prisma, react, t3-stack, tailwindcss, trpc, typescript
Language: TypeScript
Homepage: https://twitter-clone-one-weld.vercel.app
Size: 80.1 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Twitter Clone

## Features

- **Tweeting**: Share your thoughts with the world by creating tweets.
- **Following**: Stay connected with others by following their profiles.
- **Like**: Show appreciation for tweets by liking them.
- **Infinite Tweet Feed**: Scroll endlessly through a dynamically updating tweet feed.

![Twitter clone - Google Chrome 2024-01-25 06-20-43](https://github.com/anwesha2002/Twitter-clone/assets/116761608/23d0f008-af6f-49cf-b09e-1c7efc6c3666)

![Screenshot 2024-01-25 062249](https://github.com/anwesha2002/Twitter-clone/assets/116761608/26d16398-06be-4277-8e6b-ef51004e683f)

## Technologies Used

- [Next.js](https://nextjs.org/) - A React framework for building web applications.
- [TypeScript](https://www.typescriptlang.org/) - Adds static typing to JavaScript.
- [Prisma](https://www.prisma.io/) - A modern database toolkit for Node.js.
- [Tailwind CSS](https://tailwindcss.com/) - A utility-first CSS framework.
- [NextAuth.js](https://next-auth.js.org/) - An authentication library for Next.js.
- [tRPC](https://trpc.io/) - A TypeScript-first API framework.

## Getting Started

1. **Clone the Repository:**
```bash
https://github.com/anwesha2002/Twitter-clone.git
cd Twitter-clone
```

2. **Install Dependencies:**
```bash
npm install
```

3. **Set Up Environment Variables:**
Make a database using cockroachDb or planetscale copy the environment variable from there and place then in .env file. Login with discord and get the DISCORD_CLIENT_ID and
DISCORD_CLIENT_SECRET and them in the respected field.

4. **Run the Development Server:**
```bash
npm run dev
```

The application will be accessible at `http://localhost:3000`.

## Project Structure

- `pages/`: Contains Next.js pages.
- `components/`: Reusable React components.
- `prisma/`: Prisma configuration and database schema.
- `trpc/`: tRPC API definition and generated client.