https://github.com/SankalpHaritash21/DropBox

Next.js Dropbox is a web application designed to provide users with a seamless experience for storing files and PDF documents securely. Leveraging modern web technologies such as Next.js, Tailwind CSS, Shadcn, Firebase, Clerk, and Zustand, this application offers a user-friendly interface coupled with robust backend services.
https://github.com/SankalpHaritash21/DropBox

app-router-nextjs clerk-auth firebase firebase-database nextjs14 react shadcn-ui tailwind-css zustand

Last synced: 2 months ago
JSON representation

Next.js Dropbox is a web application designed to provide users with a seamless experience for storing files and PDF documents securely. Leveraging modern web technologies such as Next.js, Tailwind CSS, Shadcn, Firebase, Clerk, and Zustand, this application offers a user-friendly interface coupled with robust backend services.

• Host: GitHub
• URL: https://github.com/SankalpHaritash21/DropBox
• Owner: SankalpHaritash21
• Created: 2024-03-04T05:55:44.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-03-07T05:15:38.000Z (10 months ago)
• Last Synced: 2024-07-30T21:09:39.546Z (5 months ago)
• Topics: app-router-nextjs, clerk-auth, firebase, firebase-database, nextjs14, react, shadcn-ui, tailwind-css, zustand
• Language: TypeScript
• Homepage: https://dropboxx.vercel.app/
• Size: 6.39 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Next.js Dropbox

Next.js Dropbox is a web application designed to provide users with a seamless experience for storing files and PDF documents securely. Leveraging modern web technologies such as Next.js, Tailwind CSS, Shadcn, Firebase, Clerk, and Zustand, this application offers a user-friendly interface coupled with robust backend services.

## Key Features

- **User Authentication**: Secure user authentication using Clerk, allowing users to sign up, sign in, and manage their accounts effortlessly.

- **File Upload**: Users can upload files and PDF documents directly to the application with easy drag-and-drop functionality.

- **File Storage**: Firebase Cloud Storage ensures efficient and reliable storage of user files, offering scalability and high availability.

- **Responsive Design**: Responsive design using Tailwind CSS ensures optimal user experience across different devices.

- **Real-time Updates**: Zustand state management library provides real-time updates on file uploads, downloads, and other actions.

- **Secure Data Handling**: Prioritizes user data security with encryption, access control, and secure transmission.

- **PDF Viewing**: Integrated lightweight PDF viewer library Shadcn for users to preview PDF documents within the application.

## Technologies Used

- **Next.js**: React framework for building server-side rendered and static web applications.

- **Tailwind CSS**: Utility-first CSS framework for building custom designs quickly.

- **Shadcn**: Lightweight PDF viewer library for rendering PDF documents in the browser.

- **Firebase**: Backend-as-a-Service (BaaS) platform for authentication, data storage, and hosting.

- **Clerk**: Authentication and user management tool providing secure sign-in and account management.

- **Zustand**: State management library for managing application state efficiently.

## Installation

To run the project locally, follow these steps:

1. Clone the repository:

   ```bash

   git clone https://github.com/yourusername/nextjs-dropbox.git

   ```