{"id":20942011,"url":"https://github.com/lawrence615/dropbox-clone-youtube","last_synced_at":"2026-04-13T04:01:47.880Z","repository":{"id":214722535,"uuid":"737206991","full_name":"lawrence615/dropbox-clone-youtube","owner":"lawrence615","description":"Next.js 14 project that serves as a basic replica of Dropbox. Built by following a Youtube tutorial.","archived":false,"fork":false,"pushed_at":"2024-06-12T10:15:03.000Z","size":98,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-19T21:14:53.950Z","etag":null,"topics":["clerk","firebase","nextjs14","reactjs","tailwindcss-v3"],"latest_commit_sha":null,"homepage":"https://dropbox-clone-youtube-six.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/lawrence615.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":"2023-12-30T07:17:31.000Z","updated_at":"2024-06-12T10:15:07.000Z","dependencies_parsed_at":null,"dependency_job_id":"23780cab-7631-491a-aa24-e8cfda7c034e","html_url":"https://github.com/lawrence615/dropbox-clone-youtube","commit_stats":null,"previous_names":["lawrence615/dropbox-clone-youtube"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lawrence615%2Fdropbox-clone-youtube","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lawrence615%2Fdropbox-clone-youtube/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lawrence615%2Fdropbox-clone-youtube/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lawrence615%2Fdropbox-clone-youtube/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lawrence615","download_url":"https://codeload.github.com/lawrence615/dropbox-clone-youtube/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243335382,"owners_count":20274898,"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":["clerk","firebase","nextjs14","reactjs","tailwindcss-v3"],"created_at":"2024-11-18T23:20:33.659Z","updated_at":"2025-12-29T04:44:54.705Z","avatar_url":"https://github.com/lawrence615.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## About\n\nThis Next.js 14 project serves as a basic replica of Dropbox. It demonstrates the implementation of file upload, renaming, and deletion functionalities. The project was crafted by adhering to Sonny Sangha's tutorial titled \"Let’s build Dropbox 2.0 with NEXT.JS 14! (React, Clerk, Shadcn, Firebase, Drag/Drop, CRUD, TS).\"\n\nFile data and details are stored in Firebase, while Clerk handles the authentication process. To utilize both services, it is necessary to create accounts for Firebase and Clerk.\n\n## Environment configuration\nStart by generating a .env.local file within the project's root directory. Subsequently, navigate to your Clerk account and add a new application. In the left-hand menu, of the newly created app, access the API Keys section under Developers. Locate and note down the `NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY` and `CLERK_SECRET_KEY`. Paste these keys into the .env.local file.\n\n## Getting Started\n\nFirst, run the development server:\n\n```bash\nnpm run dev\n# or\nyarn dev\n# or\npnpm dev\n# or\nbun dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\nYou can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.\n\nThis project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.\n\n## Learn More\n\nTo learn more about Next.js, take a look at the following resources:\n\n- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.\n- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.\n\nYou can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!\n\n## Deploy on Vercel\n\nThe simplest method to deploy your Next.js application is through the [Vercel Platform](https://vercel.com/new?utm_medium=default-template\u0026filter=next.js\u0026utm_source=create-next-app\u0026utm_campaign=create-next-app-readme), developed by the creators of Next.js.\n\n\nCheck out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.\n\nTo view the deployed app, click [here](https://dropbox-clone-youtube-six.vercel.app/).\n\n\n\n## Libraries\n[react-dropzone](https://react-dropzone.js.org/)\n```bash\nnpm install --save react-dropzone\n```\n[clerk](https://clerk.com/)\n```bash\nnpm install @clerk/nextjs\n```\n[shadcn/ui](https://ui.shadcn.com/)\n```bash\nnpx shadcn-ui@latest init\nnpx shadcn-ui@latest add button\nnpx shadcn-ui@latest add dropdown-menu\nnpx shadcn-ui@latest add table\nnpm install @tanstack/react-table\nnpx shadcn-ui@latest add skeleton\nnpx shadcn-ui@latest add dialog\nnpx shadcn-ui@latest add input\n```\n[next-themes](https://www.npmjs.com/package/next-themes)\n```bash\nnpm install next-themes\n```\n[firebase](https://firebase.google.com/)\n```bash\nnpm install firebase\n```\n[react-firebase-hooks](https://www.npmjs.com/package/react-firebase-hooks)\n```bash\nnpm i react-firebase-hooks\n```\n[pretty-bytes](https://www.npmjs.com/package/pretty-bytes)\n```bash\nnpm i pretty-bytes\n```\n[react-file-icon](https://www.npmjs.com/package/react-file-icon)\n```bash\nnpm i react-file-icon\nnpm i --save-dev @types/react-file-icon\n```\n[zustand](https://github.com/pmndrs/zustand) - State management library\n```bash\nnpm install zustand \n```\n[react-hot-toast](https://react-hot-toast.com/)\n```bash \nnpm install react-hot-toast\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flawrence615%2Fdropbox-clone-youtube","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flawrence615%2Fdropbox-clone-youtube","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flawrence615%2Fdropbox-clone-youtube/lists"}