Twitter Clone Frontend

This is a full-featured Twitter clone built with Next.js, Tailwind CSS, and GraphQL.

Features

• User Authentication: Users can sign up, log in, and log out.
• Tweeting: Users can post tweets.
• Follow/Unfollow: Users can follow and unfollow other users.
• Profile Viewing: Users can view the profiles of other users.
• Real-time Updates: The application updates in real-time as users post tweets.
• Redis Caching: The application uses Redis for caching to improve performance.
• Server-side Rendering: The application uses Next.js for server-side rendering for improved performance and SEO.

Tech Stacks Used

• Next.js, React, and GraphQL for building the application.
• Next.js enables server-side rendering for improved performance.
• React powers the dynamic user interface.
• GraphQL serves as the efficient API layer for querying backend data.
• TailwindCSS facilitates rapid styling and component reusability.
• User authentication is seamlessly managed with Google OAuth and JSON Web Tokens.
• React-Query optimizes client-side data caching for smooth user experiences.
• Codegen ensures type-safe GraphQL interactions.
• Amazon Web Services provides robust storage, deployment, and CDN services for scalability and reliability.

Project Setup

To get the project up and running, follow these steps:

1. Clone the repository:

git clone https://github.com/soniyaprasad77/TwitterClient.git

2. Navigate into the project directory:

cd TwitterClient

3. Install the dependencies:

npm install or yarn add

4. Start the development server:

yarn dev

The application should now be running at

http://localhost:3000

Contributing Contributions are welcome. Please open an issue or submit a pull request.