Skip to content

A web-based user interface for Filo Cloud Storage, allowing users to upload, browse, download, move and manage files and folders seamlessly.

Notifications You must be signed in to change notification settings

ssss1131/Filo-frontend

Repository files navigation

Filo Cloud Storage

Overview

Overview

Filo is a web-based cloud file storage application. Registered users can:

  • Upload files and entire folders
  • Browse directory tree, create, rename and delete folders
  • Download individual files or folders in zip format
  • Move files & folders around
  • Search by filename
  • Track storage quota with live progress bar

⚙️ Technologies & Tools

Frontend

Angular TypeScript RxJS HTML5 CSS3

Deployment

Docker Docker Compose Nginx

🖥️ Application Interface

Home / Directory View

– Sidebar “New” menu for folder/file upload, create folder
– Quota progress bar

Home

Move Resource Dialog

– Pick a target folder or “Root ( / )”

move dialog

Search Results

– filter by name

Search

Authentication

Login

Login

Register

Register


Requirements

  • Git
  • Node.js
  • npm

Local Setup

1.clone

git clone https://github.com/ssss1131/Filo-frontend
cd Filo-frontend
  1. Install dependencies:
npm install
  1. Start the development server:
ng serve

if error try:

npm install -g @angular/cli

you can access through localhost:4200
to start backend go to https://github.com/ssss1131/Filo-backend

About

A web-based user interface for Filo Cloud Storage, allowing users to upload, browse, download, move and manage files and folders seamlessly.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published