Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/hirunya/2020-msa-phase1-frontend

Anime Searcher - 2020 Microsoft Student Accelerator Phase 1 Frontend App
https://github.com/hirunya/2020-msa-phase1-frontend

Last synced: about 1 month ago
JSON representation

Anime Searcher - 2020 Microsoft Student Accelerator Phase 1 Frontend App

Host: GitHub
URL: https://github.com/hirunya/2020-msa-phase1-frontend
Owner: HiruNya
Created: 2020-07-12T17:05:38.000Z (over 4 years ago)
Default Branch: master
Last Pushed: 2023-01-05T22:23:10.000Z (almost 2 years ago)
Last Synced: 2023-03-06T14:12:27.279Z (almost 2 years ago)
Language: TypeScript
Homepage: https://msa-2020-phase1.azurewebsites.net/
Size: 7.15 MB
Stars: 0
Watchers: 2
Forks: 0
Open Issues: 19
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # Anime Searcher

This is my [Microsoft Student Accelerator] Phase 1 Front End project.

It allows you to search anime on [AniList] via their API.

[You can view it here.](https://msa-2020-phase1.azurewebsites.net/)

Written in/using:

- [Typescript]

- [React]

- [Material-Ui]

- [AniList]

## Build Pipeline

The Azure Pipeline is triggered whenever a commit occurs to the `master` or `develop` branch.

The pipeline will:

- Install Node and npm.

- Build the React app.

- Archive the `build/` folder into a `zip`.

- Publish the built artifact.

Then, if the pipeline was triggered by the `master` branch,

the zipped artifact will be deployed onto an Azure web service.

(The build pipeline is not triggered when the only files changed in a commit

are the `README.md` file or `screenshots/` folder.

This is because these files are not used in the build

and thus it does not matter if they are changed.)

## Screenshots

![General Look](./screenshots/general.jpg)

### Search

![Search](./screenshots/search.jpg)

### Responsive

#### On a small phone

![Small Mobile](./screenshots/responsive1.png)

#### On a tablet

![Tablet](./screenshots/responsive2.jpg)

[Microsoft Student Accelerator]: https://nzmsa.netlify.app/MSAProgramme

[AniList]: https://anilist.co/

[Typescript]: https://www.typescriptlang.org/

[React]: https://reactjs.org/

[Material-Ui]: https://material-ui.com/