{"id":23418234,"url":"https://github.com/rehmannry/slackclone","last_synced_at":"2026-02-22T04:34:39.260Z","repository":{"id":262137255,"uuid":"886323415","full_name":"rehmanNRY/SlackClone","owner":"rehmanNRY","description":"A Slack clone built using Next.js 15, React 19, and Tailwind CSS. This project leverages Convex for real-time data handling and various Radix UI components for a modern and responsive UI.","archived":false,"fork":false,"pushed_at":"2025-01-27T04:54:28.000Z","size":1386,"stargazers_count":1,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-09T08:19:43.471Z","etag":null,"topics":["cloneapp","nextjs15","reactjs","slack","typescript"],"latest_commit_sha":null,"homepage":"https://slack-clone-woad.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/rehmanNRY.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-11-10T18:20:30.000Z","updated_at":"2025-01-27T09:42:46.000Z","dependencies_parsed_at":"2024-11-10T19:27:47.511Z","dependency_job_id":"ffd3b700-9b1d-43e6-9f9d-81ac83da78b9","html_url":"https://github.com/rehmanNRY/SlackClone","commit_stats":null,"previous_names":["rehmannry/slackclone"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/rehmanNRY/SlackClone","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rehmanNRY%2FSlackClone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rehmanNRY%2FSlackClone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rehmanNRY%2FSlackClone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rehmanNRY%2FSlackClone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rehmanNRY","download_url":"https://codeload.github.com/rehmanNRY/SlackClone/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rehmanNRY%2FSlackClone/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29704816,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-22T03:17:42.375Z","status":"ssl_error","status_checked_at":"2026-02-22T03:17:31.622Z","response_time":110,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["cloneapp","nextjs15","reactjs","slack","typescript"],"created_at":"2024-12-23T00:17:09.832Z","updated_at":"2026-02-22T04:34:39.246Z","avatar_url":"https://github.com/rehmanNRY.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Slack Clone\n\nA Slack-like real-time messaging platform built using **Next.js** and **Convex**. This project is a feature-rich and interactive clone of the Slack platform, providing seamless team communication capabilities.\n\n🚀 Live Link: https://slack-nry.vercel.app/\n\n\n![Slack real-time messaging platform built](/public/screenshot.webp 'A Slack-like real-time messaging platform built')\n\n\n---\n\n## 🎯 Features\n- Real-time messaging\n- Emoji support\n- Rich text editor\n- User authentication\n- Responsive design\n- Theming with Tailwind CSS\n- Modular and scalable architecture\n\n---\n\n## 🚀 Technologies Used\n\n- **Next.js 15**: Framework for building React-based web applications.\n- **Convex**: Real-time backend for data synchronization.\n- **Tailwind CSS**: Utility-first CSS framework for styling.\n- **Radix UI**: Accessible React primitives.\n- **React Icons**: Icons for React applications.\n- **Jotai**: State management.\n- **Date-fns**: Utility library for date manipulation.\n- **Quill**: Rich text editor.\n- **Framer Motion**: Animations.\n\n---\n\n## 📂 Folder Structure\n\n```\n.git/                 # Git version control metadata\n.next/                # Compiled Next.js build files\nconvex/               # Convex backend configuration\nnode_modules/         # Project dependencies\npublic/               # Static assets (images, icons, etc.)\nsrc/                  # Source code\n  ├── app/            # Pages and layouts for Next.js\n  ├── components/     # Reusable React components\n  ├── features/       # Feature-specific components and logic\n  ├── hooks/          # Custom React hooks\n  ├── lib/            # Utility functions and libraries\nmiddleware.ts         # Middleware for routing/authentication\n.env.local            # Environment variables\n.eslintrc.json        # ESLint configuration\n.gitignore            # Files and directories to ignore in Git\ncomponents.json       # Component-specific configuration\nnext-env.d.ts         # TypeScript declarations for Next.js\nnext.config.ts        # Next.js configuration\npackage.json          # Project metadata and dependencies\npostcss.config.mjs    # PostCSS configuration for Tailwind CSS\nREADME.md             # Project documentation (this file)\nsampleData.json       # Sample data for testing\ntailwind.config.ts    # Tailwind CSS configuration\ntsconfig.json         # TypeScript configuration\n```\n\n---\n\n## 🛠️ Dependencies\nHere are the key dependencies used in this project:\n\n### Production Dependencies\n```json\n{\n  \"@auth/core\": \"^0.36.0\",\n  \"@convex-dev/auth\": \"^0.0.74\",\n  \"@emoji-mart/react\": \"^1.1.1\",\n  \"@radix-ui/react-avatar\": \"^1.1.1\",\n  \"@radix-ui/react-dialog\": \"^1.1.5\",\n  \"clsx\": \"^2.1.1\",\n  \"convex\": \"^1.17.0\",\n  \"date-fns\": \"^4.1.0\",\n  \"jotai\": \"^2.10.2\",\n  \"next\": \"15.0.3\",\n  \"react\": \"19.0.0\",\n  \"tailwindcss\": \"^3.4.1\"\n}\n```\n\n### Development Dependencies\n```json\n{\n  \"@types/react\": \"^18\",\n  \"eslint\": \"^8\",\n  \"postcss\": \"^8\",\n  \"typescript\": \"^5\"\n}\n```\n\n---\n\n## 🔐 Environment Variables\n\nEnsure you set up the following environment variables in your `.env.local` file:\n\n```env\n# Deployment used by `npx convex dev`\nCONVEX_DEPLOYMENT=\u003cyour_convex_deployment_url\u003e\n\n# Public Convex URL\nNEXT_PUBLIC_CONVEX_URL=\u003cyour_public_convex_url\u003e\n```\n\nReplace `\u003cyour_convex_deployment_url\u003e` and `\u003cyour_public_convex_url\u003e` with the appropriate values for your Convex deployment.\n\n---\n\n## 🤝 Connect with Me\n\nIf you have any questions or want to collaborate, feel free to connect with me on LinkedIn:\n\n[**My LinkedIn Profile**](https://www.linkedin.com/in/rehman-nry/)\n\n---\n\nHappy Coding! 😊","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frehmannry%2Fslackclone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frehmannry%2Fslackclone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frehmannry%2Fslackclone/lists"}