Skip to content

A partially functional mock of the Windows 10 file explorer UI

Notifications You must be signed in to change notification settings

Rinkaswiftie/FileExplorer

Repository files navigation

FileExplorer

A partially functional mock of the Windows 10 file explorer UI built with Angular 10.

forthebadge forthebadge forthebadge

Features

  • A partially functional file explorer
  • Create and Rename folders
  • Search for files and folders within a directory
  • Hover to highlight and click to select a folder
  • Navigate between panes and the page responds to navigation
  • Unit tested with Jasmine
  • 100% code coverage measured using Istanbul code coverage reporter

Screenshots

mainscreen new folder renamed search

Getting Started

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test --code-coverage to execute the unit tests via Karma.

Author

Rinka Viswathirupathi

Distributed under the MIT license. See LICENSE for more information.

https://github.com/Rinkaswiftie/FileExplorer

Contribute

  1. Fork it (https://github.com/Rinkaswiftie/FileExplorer/fork)
  2. Create your feature branch (git checkout -b feature/fooBar)
  3. Commit your changes (git commit -am 'Add some fooBar')
  4. Push to the branch (git push origin feature/fooBar)
  5. Create a new Pull Request