Skip to content

Introducing our File Storage App with Next.js, leveraging Shadcn for decentralized storage, and TypeScript for robust code quality. With Convex and Clerk, manage user roles and permissions efficiently, controlling data flow and mutations seamlessly. Experience streamlined file management with our comprehensive solution.

License

Notifications You must be signed in to change notification settings

bbyc4kes/file-drive

Repository files navigation

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.

image

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.

image

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 https://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.

image

Dark mode preview:

image

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.

About

Introducing our File Storage App with Next.js, leveraging Shadcn for decentralized storage, and TypeScript for robust code quality. With Convex and Clerk, manage user roles and permissions efficiently, controlling data flow and mutations seamlessly. Experience streamlined file management with our comprehensive solution.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published