{"id":15043996,"url":"https://github.com/dragonsea0927/twitter-clone","last_synced_at":"2025-10-23T18:30:46.842Z","repository":{"id":252268015,"uuid":"839836899","full_name":"dragonsea0927/twitter-clone","owner":"dragonsea0927","description":"Twitter Clone: A Next.js 14 project with SASS, TailwindCSS, Framer motion, TypeScript, Tanstack Query, MongoDB, Prisma, NextAuth and Zustand","archived":false,"fork":false,"pushed_at":"2024-08-08T12:26:29.000Z","size":812,"stargazers_count":18,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-30T20:29:45.103Z","etag":null,"topics":["docker-image","framer-motion","mongodb","nextjs","nextjs-typescript","sass","shadcn-ui","tanstack-react-query","twitter-clone","type","zustand"],"latest_commit_sha":null,"homepage":"https://twitter-clone-two-puce.vercel.app","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/dragonsea0927.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-08-08T12:26:07.000Z","updated_at":"2024-11-12T19:42:49.000Z","dependencies_parsed_at":"2024-08-08T18:50:53.811Z","dependency_job_id":"79470d15-7f15-4d65-af91-97c6db80163e","html_url":"https://github.com/dragonsea0927/twitter-clone","commit_stats":null,"previous_names":["dragonsea0927/twitter-clone"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dragonsea0927%2Ftwitter-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dragonsea0927%2Ftwitter-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dragonsea0927%2Ftwitter-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dragonsea0927%2Ftwitter-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dragonsea0927","download_url":"https://codeload.github.com/dragonsea0927/twitter-clone/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":237869262,"owners_count":19379290,"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":["docker-image","framer-motion","mongodb","nextjs","nextjs-typescript","sass","shadcn-ui","tanstack-react-query","twitter-clone","type","zustand"],"created_at":"2024-09-24T20:49:56.093Z","updated_at":"2025-10-23T18:30:45.930Z","avatar_url":"https://github.com/dragonsea0927.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\u003ch1 align=\"center\"\u003eTwitter clone\u003c/h3\u003e\n\u003cp align=\"center\"\u003e\nThis project is a fully functional Twitter clone built using A Next.js 14 with SASS, TailwindCSS, Framer-motion, TypeScript, Tanstack Query, MongoDB, Supabase, Prisma, NextAuth and Zustand. It showcases advanced frontend and backend capabilities.\n\u003c/p\u003e\n\n\u003cimg width=\"1527\" alt=\"twitter-clone-preview\" src=\"https://tsedxkflgndtkvrmgbug.supabase.co/storage/v1/object/public/images/project_preview.png?t=2024-07-23T09%3A05%3A46.142Z\"\u003e\n\n\n## 📽 Demo video link \nhttps://x.com/imDignesh/status/1784166713694773756\n\n## ✨ Features \n\n- Google / Github / Email (NextAuth) Authentication \n- Edit profile with profile / banner images and other details\n- Create tweet with upto 4 images and support emojis\n- Follow / Unfollow user functionality\n- User can Likes / Comments / Replies / Bookmark tweet\n- User can see following list of other users\n- User can Delete / Pin own post \n- User can see other user's following / followers list \n- Search any tweet and user\n- Discover trending hashtags\n- Fully responsive\n- Change theme using shortcut `Alt + T`\n\n## Built with\n\n- [Next.js](https://nextjs.org/)\n- [TypeScript](https://www.typescriptlang.org/)\n- [TanStack Query](https://tanstack.com/query/latest)\n- [NextAuth.js](https://next-auth.js.org/)\n- [Prisma](https://www.prisma.io/)\n- [Mongodb](https://www.mongodb.com/atlas/database)\n- [Supabase](https://supabase.com/docs)\n- [Upstash Redis](https://upstash.com/)\n- [Zustand](https://zustand.surge.sh/)\n- [zod](https://github.com/colinhacks/zod)\n- [SWR](https://swr.vercel.app/)\n- [Tailwind CSS](https://tailwindcss.com/)\n- [SCSS](https://sass-lang.com/)\n\n\n## 🛠️ Installation \n\n```bash\ngit clone https://github.com/devdignesh/twitter-clone.git\ncd twitter-clone\nnpm i\nnpm run dev\n```\n\n## Environment Variables\n\nBefore running the development server, make sure to create `.env` file in the root directory of the project and add the required environment variables. You can use the example provided in the repository as a starting point.\n\n```bash\ncp .env.example .env\n```\n\n## Prisma\n\nThis project leverages the power of Prisma ORM for seamless database interaction. Prisma provides a modern database toolkit that simplifies database access, allowing for efficient querying, migrations, and schema management.\n\nRun the following command to generate the Prisma client:\n\n```bash\ncp npx prisma generate\n```\n\nThis command generates TypeScript typings for Prisma Client based on your database schema.\n\nAfter generating the Prisma client, ensure that any changes made to the database schema are synchronized with the actual database. Run the following command:\n\n```bash\ncp npx prisma db push\n```\n\nThis command applies any pending migrations to the database, ensuring that the local database reflects the latest schema changes made in the codebase.\n\n🔗 Useful Links:\n- [Prisma Documentation](https://www.prisma.io/docs)\n- [Prisma GitHub Repository](https://github.com/prisma/prisma)\n\n## Docker Setup\nThis project includes Docker support for easier development and deployment.\n\n### Prerequisites\n\n- Docker installed on your machine.\n\n### Usage\n1. Clone the repository:\n```bash\ngit clone https://github.com/devdignesh/twitter-clone.git\ncd twitter-clone\n```\n\n2. Pull the latest Docker image:\n```bash\ndocker pull devdignesh/twitter_clone_nextjs:v1.1.0\n```\n\n3. Run the Docker container:\n```bash\ndocker run -d -p 8000:3000 devdignesh/twitter_clone_nextjs:v1.1.0\n```\n4. Access the application in your browser\n```bash\n\nhttp://localhost:8000\n\n```\n\n## Contributing\nWelcome to contribute to our repository! We value your input and appreciate any contributions you make\n\n\n \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdragonsea0927%2Ftwitter-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdragonsea0927%2Ftwitter-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdragonsea0927%2Ftwitter-clone/lists"}