joelachankeng / DesignInDC_Test

A test for Design in DC

Design In DC - PHP Test

A simple php test to demonstrate my skillset for Design in DC

This theme was made via PHP, NPM, Gulp, Sass, Bootstrap and jQuery.

Problem

Task

Create a PHP script that fetches data from an API, processes the data, and displays it on a webpage.

Important notes

• Do not use JavaScript data tables library for table functionality.
• Bootstrap can be used for styling, but not for pagination or filtering.

Instructions

1. Use the provided API endpoint https://api-sports.io/documentation/nba/v2 to fetch data.
2. Process the fetched data to extract the following information:
List all the games in the table with pagination Each row should contain:
• ID
• Date
• Teams
• Status
• Score
• Arena
When you click on the date, it should filter all the results in the table by that value. You should also be able to remove that filter.
3. Display the extracted information on a webpage using HTML.

Requirements

1. Handle any potential errors that may occur during the API request.
2. Use proper error handling and logging techniques.
3. Ensure the fetched data is validated and sanitized before processing it.
4. Use object-oriented programming principles and design patterns where applicable.
5. Write clean, readable, and well-documented code.
6. Use appropriate PHP libraries and tools for the task.
7. Use proper HTML and CSS to make the webpage visually appealing.

Solution

I developed a webpage according to the specifications.

Installation

1. Download Repository as a Zip
2. Open index.php on a PHP Server

Development

Need more details? Great!

Send me a message

License

MIT

Free Stuff, Hell Yeah!