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:

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