Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/normalhuman01/animeflix-landing
https://github.com/normalhuman01/animeflix-landing
Last synced: 17 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/normalhuman01/animeflix-landing
- Owner: normalhuman01
- License: mit
- Created: 2023-12-13T21:41:04.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-13T21:48:17.000Z (about 1 year ago)
- Last Synced: 2023-12-14T22:51:04.417Z (about 1 year ago)
- Language: JavaScript
- Size: 254 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## About
Animeflix is an web application parodying the Netflix frontend, but with animes only, solely made to practice how to build a responsive layout with HTML, css and JavaScript in React as well as how to read data from a third party API. It works like a catalogue, consuming real anime data from the [Kitsu API](https://kitsu.docs.apiary.io/), allowing users to search through Kitsu catalogue, list various animes, read a brief description about each of them, list all episodes registered in the API and watch trailers.
I haven't used any package or framework with read to use visual elements except the Material UI icons package. Buttons, navbars, dropdown list, menus, page transitions and other visual components was made by me from scratch. The trickiest component to build was the modal, which I'm not entirely happy with, but I managed to get a very decent result.
Some buttons are just placeholders since I can't recreate exactly the same behaviors with a compleat different backend, all the mentioned functionalities do works though. I just didn't wanted to expend more time coding an extra layer of backend just to fill minor gaps in this project specifically.
## Demo
## Made With
- [React](https://reactjs.org/)
- [Axios](https://github.com/axios/axios)
- [React Router](https://reactrouter.com/)
- [Styled Components](https://styled-components.com/)
- [Material UI/icons](https://material-ui.com/pt/)
- [Kitsu (API)](https://kitsu.docs.apiary.io/)
## Installation
After cloning the repository, open your terminal and run:
```
yarn install
yarn start
```