hio-gamesofthrones's People
hio-gamesofthrones's Issues
container section
the container should include 2 sections:
- section of characters cards.
- section for the trailer
media player doesn't fit in the mobile version
simple issue, the video is too wide :(
navbar & header
the navbar should include:
- logo/title of game of thrones
- github logo that links to the project repo
- Home, Characters and Trailer buttons that navigate to the chosen section.
the header should include :
styled photo
Awesome API and idea ^_^
+100 points for that
Cards can look better
Responsive Design
low number of Issues
You should have more issues before you start typing any line of code, then you can divide the work and assign yourselves on the issues you want to work on.
Website title
Is missing
Mobile version styling
Mobile version styling can be manipulated through CSS file, which is easier, more readable, shorter and cleaner (and porpoise made for this goal) check project https://github.com/FACN7/AKN_Project/blob/master/assets/style.css
Line #113
api work
write functions in index.js file to retrieve data from game of thrones apis
fetching data from web-api
fetch and process data.
Positive Feedback
I like the idea, the high quality images and the flipping cards!
good job
Navbar overlay
When you click on navbar link, it overlays the block (e.g. part of top the pictures are hidden).
If you solve this please tell us, we also don't know how xD
Div / Flexbox for Tips for Responsivity
I would suggest you guys to have a Section/Div for the Menu with display : flex flex-direction : row justify-content : spacebetween ... then make three "Div"s inside the first one have you Game of thrones title, the second Div for the Github icon and the third includes your hrefs instead of the "ul" and "li" you can have them in "a" or "p" not sure which is better but you can try them and check!
for the last Dev you can have a display : flex and flex-direction : row
Character cards' proportions
There is a way to keep them :)
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.