https://github.com/jaimerc/thepinkpanter
https://github.com/jaimerc/thepinkpanter
Last synced: 12 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/jaimerc/thepinkpanter
- Owner: JaimeRC
- Created: 2018-02-12T09:37:27.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2019-06-12T19:58:20.000Z (about 7 years ago)
- Last Synced: 2025-07-05T00:05:32.363Z (about 1 year ago)
- Language: JavaScript
- Size: 3.99 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# THE PINK PANTHER IMDB
### Online Version
http://thepinkpanthers.surge.sh/#/
## INTRO
This is a frontend project SPA that gives another place to discover all those films and TV shows to be always updated.
### DEVELOPERS
- Jaime Rubio
- Carlos Ramos
- Alex González
### KANBAN
- TRELLO
### SOME USEFUL TECHNOLOGIES
- Bootstrap 4
- CSS/Sass
- React, React-router-dom, paginator
### SPA COMPONENTS
``` bh
APP
├── Home
│ ├── Popular films
│ └── Popular TV Seasons
│
├─── FILMS
│ └── Film Info
├─── TV Seasons
└── Seasons Info
```
**The Landing page** is composed on 3 components: *HEADER, FOOTER* and *MAIN*.
First two are fixed in every page, and main component are routed and rendered separately in 3 more.
**HEADER** has *Search* component within that implements the query and *FOOTER* shows some basic info.
**MAIN** is the complement that render the *homePage* and shows us either popular films and TV shows.
**FILMS and TV Seasons** list every single movie and season that we want with the search button.
It lists using the *Card component* that provide a bit of info using some Css animations as Flipping.
These lists also give us the chance to see more info about every query and take us to the last component.
**INFO**
This component renders a most extensive info about every element.
Starring, Company, Directing and trailer are some stuff you can see.
### STYLES AND DESIGN
- Design
### API
- TMDB: Community-based movie database