The API Challenges

Weather TypeScript API

The Weather API Challenge in TypeScript ✨ project is the most longed for and it is here! We will learn how to use react with typescript (very typescript beginner friendly!) and will learn how to fetch data from the api.

TypeScript
React.js
Tailwind CSS
Fetch

QR Code Generator API

The QR Code Generator API Challenge is the best beginner level api project in the series, building a user interface with some settings in HTML and CSS, adding functionality with JavaScript and giving the user a result they can use!

HTML
CSS
JavaScript
fetch

Memory Game API

This Memory Game is a fun kick to the regular REST API projects for beginners in JavaScript, ReactJS, hooks (custom ones too), Fetch and many more!

React.js
CSS
Fetch

Weather ReactJS API

Hands down, the most popular API project for beginners must be the weather app API. We will build the weather app using javascript and ReactJS hooks, async/await as well as AXIOS and CSS modules!

React.js
CSS
Axios

SpaceX API

Have you heard about SpaceX? And that they have been progressing tremendously in their field? Well, they, like almost every other modern company, have their website and GraphQL API!

React.js
scss
GraphQL
Apollo

XKCD API

Have you heard of XKCD? They are cool programming comics and have a REST API for them! In the XKCD API Challenge we will build a bit more complex UI, with more options for the user than before.

HTML
CSS
JS Classes
SuperAgent

Wikipedia API

We all have heard about Wikipedia and used it multiple times, right? Then why not create a search page for Wikipedia articles? Their API documentation is quite complex, but we will manage!

HTML
CSS
JavaScript ES6
Axios

Lyrics API

Remember when music tracks used to have lyrics and we used to search for them? Let's build an interface for that! We will build our own "search engine" dedicated only to lyrics.

HTML
CSS
jQuery
$AJAX

Weather API

The most common API beginner project must be the one that includes using a weather API, and I got you covered! The Weather API Challenge will not only include working with more complex response, but it comes with a twist.

HTML
CSS
jQuery
getJSON

Dad Jokes API

The Dad Jokes API Challenge will take you back to basics. We will build a simple webapp to display random jokes (upon request) received from the REST API.

HTML
CSS
JavaScript
XMLHttpRequest

Yes No API

The Yes No API Challenge is the perfect api project for beginners, it's the ultimate dipping your toes in the water type of challenge, as we will be covering how to make a simple REST API call and utilise its response to work with our interface.

HTML
CSS
JavaScript(ES6)
fetch

This website uses cookies in order to understand how it can continue bringing you value.

However, your privacy is of a high priority and should you not wish to share any data, you absolutely can