File Drive Project

The File Drive Project is a web application designed to provide users with a convenient platform for storing and managing files. It offers a secure and efficient way to upload, organize, and access files from anywhere.

Features

• Upload files of various formats such as documents, images, and text files.
• Organize files into folders for easy management.
• Secure file accessibility using role based authorization.
• Collaborate on files with team members through shared folders.
• Delete, mark and manage files seamlessly between members in a team.
• Responsive design for seamless access on different devices.

How to Run

1. Clone this repository to your local machine.
2. Navigate to the project directory.
3. Run npm install to install dependencies.
4. Add your environment variables, such as NEXT_PUBLIC_CONVEX_URL, NEXT_PUBLIC_CONVEX_URL_DOMAIN, CONVEX_DEPLOYMENT, NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY and CLERK_SECRET_KEY.
5. Ensure that all environment variables are properly configured before proceeding further.
6. Run npx convex dev to start convex server.
7. Run npm run dev to start the development server.
8. Open your browser and go to http://localhost:3000 to access the file drive.

Or you can simply contact me to get demo access to the project due to unavailability of deploying the project, caused by the clerk demanding to have all authorized private domain with all OAuth rights to it, and as I don't own any private domain, it's not feasible to meet this requirement.

Dark mode preview:

Technologies Used

• React: A JavaScript library for building user interfaces
• Next.js: A React framework for server-side rendering and static site generation
• Shadcn: A decentralized storage solution for secure and tamper-proof file storage
• Convex: A backend platform used to manage data and replace traditional databases. It likely offers features for data storage, retrieval, querying, and manipulation, providing developers with an alternative solution to conventional database management systems for their applications.
• Clerk: A user authentication and identity management solution that provides features such as user sign-up, login, password reset, and user profile management. It simplifies the implementation of authentication systems in web applications
• TypeScript: A typed superset of JavaScript for enhanced code quality and maintainability
• Tailwind CSS: A utility-first CSS framework for rapid UI development & More

Contributors

Maksym Azimov - Lead Developer.