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:
- Clone the repository:
git clone https://github.com/soniyaprasad77/TwitterClient.git
- Navigate into the project directory:
cd TwitterClient
- Install the dependencies:
npm install or yarn add
- 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.