File Manager

Demo (Production Website)

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 [email protected]: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
Secondary	#31363F

Figma

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 [email protected]

🚀 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

• @santi020k

🔗 Links

License

MIT