dropbox-clone Tailwind Templates

Dropbox Clone

Built Dropbox Clone using NextJS14 with TypeScript, Tailwind CSS, Shadcn/Ui, Zustand, Firebase and Cloud Firestore

This is a Dropbox Clone project in Next.js is bootstrapped with create-next-app.

Getting Started

  1. Clone the project using following command:

    git clone https://github.com/ppremraj697/Dropbox-Clone.git
    
  2. Download all the required dependencies and node modules:

    npm i
    
  3. Setup your environment variables by creating .env.local file in root directory.

  4. Run the development server:

    npm run dev
    
  5. Open http://localhost:3000 with your browser to see the result.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Key Skills

Core Functionality and App Logic: React/NextJS(Version 14) && Firebase and Cloud Firestore(BaaS)
Styling: Tailwind CSS && Shadcn/UI
State Management: Zustand
User Authentication: Clerk
Deployment: Vercel

Note: The minimum Node.js version required is 18.17 to run this Next.js app, since it's built on top of version 14.1.0

https://dropbox-clone-eta-black.vercel.app/

Top categories

Loading Svelte Themes