Rugby Wiki is meant to be your one stop shop to stay up to date with all rugby related info in the world. The intention of the app is to provide a place where emerging rugby fans can dive in and learn more about this great sport. The app will allow the user to research information on players, teams, leagues, and even view rugby highlights from all over the world. Rugby Wiki was created using HTML, CSS, Javascript, and the React Javascript library, and is deployed on Surge.
Link to deployed site:
- Be a working, interactive React app, built using create react app, HTML, CSS, and JavaScript.
- Use Axios to consume data from an external source, and render that data into the DOM.
- Use flexbox (display: flex).
- Implement responsive design on 3 screen sizes (including desktop) using 2 media queries (tablet and mobile).
- Host on Surge.
- Utilize React Router, installed via NPM.
- Have at least 6 separate, rendered components.
- Implement an organized and understandable React file structure.
- Create a continuously updating rugby news component.
- Institute a rugby blog, where users can sign up and leave their own comments and opinions.
- Allow for the user to look up more detailed information on more players, teams, and leagues.
- Home Page: Landing page.
- Team Info Page: Team info page will all the professional teams in a country with their team name, year formed, home stadium, team description, and, if available, team logo and jersey.
- League Info Page: The league info page will display all the leagues played in various areas around the world with their year formed and desciption.
- Player Info Page: The player info page will allow the user to select a club from the English Premiership Rugby competition and recieve all the biographys available for the players on that team.
- Highlights Page: The highlight page page will conitnuously update with highlights as they are posted.
- Search Component: I made a seearch component for both the team info page to allow the user to freely search for info related to whatever country they are interested in.
- The Sports DB: Sports MetaData (https://www.thesportsdb.com/)
