https://github.com/gurudarshan57/twitter_clone
Twitter - Clone
https://github.com/gurudarshan57/twitter_clone
expressjs graphql nextjs14 nodejs postgresql prisma react react-query redis supabase tailwind-css twitter-clone typescipt
Last synced: 2 months ago
JSON representation
Twitter - Clone
- Host: GitHub
- URL: https://github.com/gurudarshan57/twitter_clone
- Owner: GuruDarshan57
- Created: 2024-09-30T17:43:55.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-31T07:42:53.000Z (over 1 year ago)
- Last Synced: 2026-01-03T14:31:35.887Z (5 months ago)
- Topics: expressjs, graphql, nextjs14, nodejs, postgresql, prisma, react, react-query, redis, supabase, tailwind-css, twitter-clone, typescipt
- Language: TypeScript
- Homepage: https://x-clone.guru-57.in
- Size: 6.56 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Twitter Clone
Built with a modern tech stack Next.js, GraphQL, Prisma, and Redis.
View Demo
## Table Of Contents
* [About the Project](#about-the-project)
* [Built With](#built-with)
* [Getting Started](#getting-started)
* [Installation](#installation)
## About The Project
Twitter-Clone is a high-performance Twitter replica built using Next.js, TypeScript, and TailwindCSS for an optimized frontend experience. The backend leverages GraphQL, Node.js, and Prisma ORM with PostgreSQL, ensuring efficient data handling and type-safe API interactions.
## Built With
- [Next.js](https://nextjs.org/docs) (Optimized React framework for SSR & static generation)
- [TypeScript](https://www.typescriptlang.org/docs/) (Ensures type safety and scalability)
- [TailwindCSS](https://tailwindcss.com/docs) (Utility-first CSS framework for responsive UI)
- [GraphQL](https://graphql.org/) (Efficient data querying and API management)
- [Node.js](https://nodejs.org/en/docs/) (Backend runtime for scalable server-side applications)
- [Prisma ORM](https://www.prisma.io/docs) (Type-safe database interaction with PostgreSQL)
- [PostgreSQL](https://www.postgresql.org/docs/) (Relational database for structured and efficient data storage)
- [Redis](https://redis.io/docs/) (In-memory caching to improve query performance)
- [AWS S3](https://docs.aws.amazon.com/s3/) (Cloud storage for media and assets)
- [Supabase](https://supabase.com/docs) (Managed PostgreSQL database with authentication)
## Getting Started
### Prerequisites
Git is a distributed version control system used for software development. It allows multiple developers to work on the same codebase simultaneously, keeping track of changes and managing versions. It also enables users to revert changes and collaborate more effectively.
NodeJs is a JavaScript runtime built on Chrome's V8 JavaScript engine. It allows developers to execute JavaScript code outside of a web browser, making it possible to create server-side applications with JavaScript. Node.js is fast, lightweight, and scalable, making it popular for building modern web applications.
### Installation
1. Clone the repository to your local machine using the following command:
```bash
git clone https://github.com/GuruDarshan57/Twitter_Clone/
```
2. Navigate to Client directory :
```bash
cd client
```
3. Install the necessary dependencies :
```bash
npm install
```
4. Rename .env_template to .env and fill in all fields.
5. Run the client :
```bash
npm run dev
```
6. Open a new Terminal and Navigate to the Server directory :
```bash
cd server
```
7. Install the necessary dependencies :
```bash
npm install
```
8. Rename .env_template to .env and fill in all fields.
9. Run the server:
```bash
npm run dev
```