Dropbox Clone is a web application that allows for file uploads and folder creation, it provides a neat table to view all your data.
I wanted to practice working with tools such as Shadcn UI, React Dropzone and Firebase.
Note: The application is limited to only 5 users with a 200 MB
storage limit
Why?
I am using firebase storage free tier and my application is limited to 1GB
free storage and 200MB
for 5 user's seems like a fair-trade to me.
- React
- React Router
- Shadcn UI
- Typescript
- Context Api
- Lucide React
- Firebase Authentication
- Firestore
- Firebase Storage
- File Upload through a drag n drop interface.
- User Authentication (Google Authentication)
- User Dashboard that contains an interactive data table
- Light mode and Dark Mode.
- CRUD operations on files and folders.
- Folder Paths for easy folder navigation.
The project was built with React, Typescript,vite.
you will need to ensure that you have node js installed
To check if you have node installed run:
$ node -v
if you don't have node js installed get it here.
- Clone the Repository
$ git clone https://github.com/nathan-somto/Dropbox-Clone.git
- Enter into the directory
$ cd Dropbox-Clone
- Install all dependencies
$ npm install
- Start the Development Server
$ npm run dev