Comments (3)
The user should be able to click anywhere on a movie card and a modal window should pop up with the additional information we have about the movie. We took inspiration from netflix's modal window for the general shape and structure. So we are looking for a big image on top (maybe taking up about 3/4 of the space, no padding or border) with the title in a large font on top and a 1/4 area at the bottom with details like release date, and average rating again. There should be plenty of space in case there is extra information when the API is involved. I wonder if the backdrop image would be best here.
from rancid-tomatillos.
from rancid-tomatillos.
See the design inspo doc to reference the netflix modal
from rancid-tomatillos.
Related Issues (20)
- All components with that receive props utilize type checking with PropTypes HOT 1
- When the server returns a 500 error, the user will see proper error handling HOT 1
- We’re mostly refactoring in this iteration!
- component architecture plan HOT 2
- Cypress test: As a user, when I load the application, I can see the title of the application
- Cypress test: As a user, when I load the application, I can see a collection of movies. HOT 1
- Cypress test: As a user, when I click on a movie, I’m shown additional details about that movie HOT 1
- Cypress Test: Any other user stories you might have already should also be tested.
- Refactor so we are fetching movie APIs instead of using sample data
- create README
- defaultProps
- if the user refreshes movieInfoView , they can't see the details
- add alt tags to all imgs
- CYOA - testing - test for the refresh fetching single movie data HOT 1
- CYOA - testing - bulk up current tests HOT 1
- CYOA - testing- 500 error states HOT 1
- CYOA - testing - 400 error states
- CYOA - testing - loading states
- CYOA - testing - hover states
- CYOA - styling - jazz it up!
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from rancid-tomatillos.