Inspiration
Soccer game is one of the most famous sport around world. We come up an idea that make a website application that can search soccer players around the world and get information by calling APIs.
What it does
In our website application, the user will first go to the home page that describe how the soccer game plays. In the Home page we have several fact image that Wellcome all the fans of soccer around world. Furthermore, we have a player search page that allow user to search a soccer player name and get the information based on the soccer player name. Lastly we have a team search page that allows user search a team or teams from certain category.
How I built it
We try to use React to build a web application. First of all, we create component folder that categorize different container and views and routes. Then we create Home container, player search container, and team search container that works different function. We also user Redux to create Store, Reducers and Thunks folder to allow us grab the information from third party APIs and passing data. After we design how the web page looks like and separate our tasks. Each person from the team works on our own tasks so that we can make the process fast.
Challenges I ran into
The first Challenge I face is the API key I got from third party. It has the limited calls. I also facing the challenge that call the data from thunks
Accomplishments that I'm proud of
I'm able to build a web application
What I learned
I learned how to user git and GitHub to manage our team project and keep track on the code and make sure the application works. I also learned using React and Redux to build an web application
What's next for Soccer player search
we will add filter feature when user want to do a quick search. We will also do a game highlight for the teams.
Built With
- api-football
- javascript
- react
- redux
Log in or sign up for Devpost to join the conversation.