{"id":18165555,"url":"https://github.com/kglikith/twitter-clone-client","last_synced_at":"2025-04-07T06:19:27.008Z","repository":{"id":258150745,"uuid":"864176341","full_name":"KGLikith/twitter-clone-client","owner":"KGLikith","description":"A Web application built with Next.js , enabling users to interact. It features user authentication, allows users to create posts, like and comment on content, and follow/unfollow other users, all while managing data efficiently with Apollo Client and TanStack Query","archived":false,"fork":false,"pushed_at":"2024-10-19T05:59:02.000Z","size":993,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-10-19T20:36:04.952Z","etag":null,"topics":["apollo-client","codegen","graphql","nextjs","tailwindcss","tanstack-react-query","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/KGLikith.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-27T16:26:54.000Z","updated_at":"2024-10-19T05:59:06.000Z","dependencies_parsed_at":"2024-10-25T14:30:19.601Z","dependency_job_id":null,"html_url":"https://github.com/KGLikith/twitter-clone-client","commit_stats":null,"previous_names":["kglikith/twitter-clone-client"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KGLikith%2Ftwitter-clone-client","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KGLikith%2Ftwitter-clone-client/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KGLikith%2Ftwitter-clone-client/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KGLikith%2Ftwitter-clone-client/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KGLikith","download_url":"https://codeload.github.com/KGLikith/twitter-clone-client/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247601446,"owners_count":20964866,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["apollo-client","codegen","graphql","nextjs","tailwindcss","tanstack-react-query","typescript"],"created_at":"2024-11-02T12:07:45.139Z","updated_at":"2025-04-07T06:19:26.979Z","avatar_url":"https://github.com/KGLikith.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Twitter Clone Client\n\nThis is the client-side application for the Twitter Clone project.\n \nA feature-rich Twitter clone built with modern web technologies such as Next.js, Prisma, GraphQL, and more. The app allows users to engage in social interactions through posts, likes, comments, follows, and much more. \n\n## Demo\n\nhttps://github.com/user-attachments/assets/c0942adb-3c48-4b79-8ac1-b189eb7abec0\n\n## Features\n\n- **User Authentication**: Secure user authentication using NextAuth.js.\n- **User Profiles**: Each user has a personal profile page displaying their posts and relevant information.\n- **Follow/Unfollow Users**: Users can follow and unfollow each other to stay updated with posts from people they are interested in.\n- **Posts**: Users can create, like, and delete posts.\n- **Image Uploads**: Users can upload images as part of their posts.\n- **Like System**: Engage with other users by liking their posts.\n- **Recommended Users**: Explore and discover new users to follow through a recommendation system.\n- **Comment System**: Users can comment on the posts.\n\n## Technologies Used\n\n- **Next.js**: The React framework used for building the user interface and handling server-side rendering.\n- **Prisma**: A modern database ORM used to interact with the database layer.\n- **GraphQL**: Used for flexible, efficient data querying and mutation.\n- **React Query**: For caching and synchronizing server-state in React applications.\n- **Apollo Client**: Manages GraphQL queries and mutations on the client side.\n- **AWS**: Utilized for image uploads and media storage.\n- **Codegen**: Provides type safety and schema synching\n\n# Run It Locally\n\n## Prerequisites\n\n### Ensure you have the server-side application set up. Follow the instructions at [twitter-clone-server](https://github.com/KGLikith/twitter-clone-server).\n\n## Installation\n\n1. Clone the repository:\n\n    ```bash\n    git clone https://github.com/KGLikith/twitter-clone-client.git\n    ```\n\n2. Navigate to the project directory:\n\n    ```bash\n    cd twitter-clone-client\n    ```\n\n3. Install dependencies:\n\n    ```bash\n    npm install\n    ```\n\n## Environment Variables\n\nCreate a `.env` file in the root directory and add the following variables:\n\n```bash\nAUTH_SECRET=auth_secret\nNEXT_PUBLIC_API_URL=http://localhost:8000/graphql\nGOOGLE_ID=Google-cloud-client-id\nGOOGLE_SECRET=Google-cloud-client-secret\n```\n\n\n### Add Host Name and Domain in [next.config.mjs](https://github.com/KGLikith/twitter-clone-client/blob/main/next.config.mjs) for images(ex: bucker_name.ap-south-1.amazonaws.com)\n\n### \n\n## Building and Starting the application for production build\n\n```bash\nnpm run build\nnpm start\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkglikith%2Ftwitter-clone-client","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkglikith%2Ftwitter-clone-client","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkglikith%2Ftwitter-clone-client/lists"}