/file-manager

Front-end file picker interface developed with Next.js and Tailwind CSS. Enables seamless interaction for users to manage their data across different cloud storage solutions.

Primary LanguageTypeScript

File Manager

TypeScript React Next

Vercel Visual Studio Code GitHub ESLint TailwindCSS

Logo

Description

Front-end file picker interface developed with Next.js and Tailwind CSS. Enables seamless interaction for users to manage their data across different cloud storage solutions by picking files from Google Drive and transferring them. Enhances user experience in managing projects and data across various platforms

Run Locally

Clone the project

  git clone git@github.com:santi020k/file-manager.git

Go to the project directory

  cd file-manager

Copy .env and add your own variables

  cp .env.local.example .env.local

Install dependencies

  npm install

Start the server

  npm run dev

Note: For Next.js, Node.js version >= v18.17.0 is required.

Commands

All commands are run from the root of the project, from a terminal:

Command Action
npm install Installs dependencies
npm run dev Starts local dev server at localhost:3000
npm run build Build your production site to ./.next/

Running Tests (coming soon)

To run tests, run the following command

  npm run test

Color Reference

Color Hex
Primary #76ABAE #76ABAE
Secondary #31363F #31363F

Features/Roadmap

  • File Management Interface
  • Google Drive OAuth2 Integration
  • File Import Google Drive Interface
  • Google Drive Upload Tracking

Feedback

If you have any feedback, please reach out to me at info@santi020k.me

🚀 About Me (coming soon)

Hi, I'm Santiago Molina! 👋

With over a decade of experience, I've played a pivotal role in various projects centered around ReactJS, NodeJS, and TypeScript. As a dedicated co-organizer of the React JS Colombia Meetup, I actively cultivate an environment of learning and collaboration within the tech community.

Authors

🔗 Links

portfolio linkedin twitter

License

MIT