technoo0 / fily

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Fily

A file storage app (Google Drive clone) built using React.

About

I built a full authentication system using sessions and OAuth from Facebook, Google, and Twitter. Additionally, I implemented email authentication using a link that has a JWT token that gets sent to the user's email using an SMTP server.

Users can upload and download files to their account and preview them directly in the browser. Most importantly, this is done securely by making a temporary link to every file the user requests.

Also, the user can create folders and group files in them and share the folders publicly with people using a link.

The Design

You can check the full UI design over at Figma HERE.

The Stack

Frontend

  • Figma
  • React
  • Material UI
  • Axios
  • Zustand (state management)

Backend

  • Node.js
  • Express
  • JWT
  • OAuth
  • Sequelize
  • PostgreSQL

Deploy

  • Firebase
  • Github Actions
  • Docker
  • Render

Installation

React

cd Frontend
npm i
npm start

Express

cd Backend
npm i
npm run dev

License

MIT

About


Languages

Language:JavaScript 80.2%Language:CSS 18.2%Language:HTML 1.7%