FileScribe - online file stortage web app

FileScribe is a powerful and feature-rich online file storage web application designed and built with efficiency and user experience in mind. Leveraging the capabilities of Next.js, Tailwind CSS, and Shadcn components, this application provides a seamless and visually appealing platform for users to manage and organize their files effortlessly.

Demo

Vercel - https://file-scribe.vercel.app/

Video demo

filescribe.mp4

Key features

1. Next.js Framework:

FileScribe harnesses the power of Next.js, a React-based web framework, to ensure optimal performance and a smooth user interface. The use of server-side rendering (SSR) enhances speed, providing users with a responsive and dynamic experience.

2. Tailwind CSS for Stylish UI:

The UI of FileScribe is crafted with Tailwind CSS, allowing for a clean, modern, and responsive design. Tailwind's utility-first approach facilitates rapid development without compromising on customization, ensuring a visually appealing and user-friendly interface.

3. Shadcn Components for Accelerated Development:

To expedite the development process, Shadcn components have been seamlessly integrated. These components offer a set of pre-built UI elements, reducing the need for extensive custom coding and accelerating the overall development lifecycle.

4. Authentication with Clerk:

FileScribe prioritizes user security and authentication, implementing Clerk for a robust and reliable authentication system. This ensures that user data is protected, and access is managed securely through modern authentication protocols.

5. Organization Support:

Organizing files is a breeze with FileScribe's comprehensive organization support. Users can categorize, tag, and manage their files efficiently, enhancing overall productivity and accessibility.

6. Convex Database Integration:

The underlying database architecture is powered by Convex, providing a scalable and reliable solution for storing and managing user data. This integration ensures data integrity, reliability, and optimal performance.

Run Locally

Clone the project

  git clone https://github.com/Aarghyadeep/ArtVista---Art-marketplace.git

Go to the project directory

  cd my-project

Install dependencies

  npm install

Start the server

  npm run dev

Go the backend folder

  npm install

  npm run start

Note - Make sure to create convex account and clerk account and link the web hooks.

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

• For client side

NEXT_PUBLIC_CONVEX_URL - Convex public URL

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY - Clerk publishable key

NEXT_PUBLIC_CLERK_SECRET_KEY - Clerk secret key

• In convex

CLERK_HOSTNAME - Clerk host URL

CLERK_WEBHOOK_SECRET - Clerk webhook secret

Tech Stack

Client: Nextjs, TailwindCSS, Clerk, Shadcn,

Server: Nextjs, Clerk,

Database: Convex

🔗 Links