https://github.com/amitkroutthedev/nextjs-dropbox-clone

Dropbox clone built with Next.js, Shadcn, Tailwind CSS,Shadcn and Firebase offering secure file storage, real-time updates, and responsive ui.
https://github.com/amitkroutthedev/nextjs-dropbox-clone

clerk clerk-auth firebase nextjs shadcn-ui tailwindcss typescript

Last synced: 24 days ago
JSON representation

Dropbox clone built with Next.js, Shadcn, Tailwind CSS,Shadcn and Firebase offering secure file storage, real-time updates, and responsive ui.

• Host: GitHub
• URL: https://github.com/amitkroutthedev/nextjs-dropbox-clone
• Owner: amitkroutthedev
• Created: 2024-01-13T11:54:22.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-01-18T04:48:32.000Z (11 months ago)
• Last Synced: 2024-01-18T09:20:41.297Z (11 months ago)
• Topics: clerk, clerk-auth, firebase, nextjs, shadcn-ui, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://nextjs-dropbox-clone-chi.vercel.app
• Size: 96.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Dropbox Clone with Next.js, Shadcn, Tailwind CSS, and Firebase

### Overview

This project is a Dropbox clone developed using Next.js, Shadcn, Tailwind CSS, Clerk and Firebase. It aims to provide a scalable and modern alternative for file storage and sharing. The combination of Next.js for server-side rendering, Shadcn for a unique visual experience, Tailwind CSS for easy and responsive styling, Firebase for backend services ensures a robust and efficient solution, and Clerk for authentication

### Features

1. User Authentication: Secure user authentication powered by Clerk.

2. File Upload and Storage: Seamless file upload and storage using Firebase Storage.

3. Real-time Updates: Leveraging Firebase Realtime Database for real-time updates on file changes.

4. Responsive Design: Utilizing Tailwind CSS and ShadCn for a responsive and mobile-friendly user interface and dark/light mode

### Technologies Used

- Next.js

- Shadcn

- Tailwind CSS

- Firebase

  

### Getting Started

- Clone the repository: git clone https://github.com/your-username/dropbox-clone.git

- Create a file  `env.local` for to set keys for clerk and firebase.

- Install dependencies: `npm install`

- Configure Firebase and Clerk: Set up a Firebase and Clerk project and update the configuration in the project.

- Run the application: npm run dev