Skip to content

Latest commit

 

History

History
124 lines (74 loc) · 3.77 KB

README.md

File metadata and controls

124 lines (74 loc) · 3.77 KB

Drove - A File Saving & Sharing Platform

image

  1. Introduction
  2. Tech Stack
  3. Features
  4. Getting Started
  5. Screenshots
  6. Feedback

Built with the latest Next.js and TypeScript, this project replicates google drive, a widely used file sharing and saving tool. It enables users to securely log in, uploading files, create teams and access various functionalities such as group file sharing, saving, and managing members.

  • Next.js
  • TypeScript
  • Clerk
  • Convex
  • shadcn
  • Tailwind CSS

Authentication: Implements authentication and authorization features using Clerk, allowing users to securely log in via social sign-on or traditional email and password methods, while ensuring appropriate access levels and permissions within the platform.

File Sharing: Share files and folders with others easily, controlling their access levels (view, comment, or edit)

Cloud Storage: Store files and access them from any device with internet connectivity.

Collaboration: Work simultaneously on documents, spreadsheets, and presentations with real-time editing and commenting.

Offline Access: Access and edit files offline, with changes syncing automatically once reconnected to the internet.

File Organization: Use folders and labels to organize files efficiently.

Search Functionality: Powerful search tools to quickly locate files using keywords, file types, or owner details.

Version History: View and restore previous versions of files to track changes over time.

Security Features: Protect files with encryption and two-factor authentication for added security.

Responsive Design: Follows responsive design principles to ensure optimal user experience across devices, adapting seamlessly to different screen sizes and resolutions.

and many more, including code architecture and reusability.

Make sure you have the following installed on your machine

Cloning the Repository

git clone https://github.com/theankushshah/drove.git
cd drove-clone

Installation

Install the project dependencies using npm:

npm install

Set Up Environment Variables

Create a new file named .env in the root of your project and add the following content:

CONVEX_DEPLOYMENT=
NEXT_PUBLIC_CONVEX_URL=

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=

Replace the placeholder values with your actual Clerk & convex credentials. You can obtain these credentials by signing up on the Clerk website and Convex website

Also get you Issuer url by creating a JWT Template on clerk and replace with mine in application

Get your hostname from convex too and replace with mine

Add CLERK_SECREY_KEY on convex website enviorment variable

Running the Project

npm run dev

Open http://localhost:3000 in your browser to view the project.

More Screenshots

image

image

image

image

image

Feedback

You might encounter some bugs while using this app. You are more than welcome to contribute. Just submit changes via pull request and I will review them before merging. Make sure you follow community guidelines.

Developer & Main

Happy coding! 🚀