A GitHub account is required to follow along with this tutorial.
node.js version 14.4 must be installed globally. This was developed on a mac book pro.
This AI ssr app was created with react framework Next.js bootstrapped with create-next-app. This AI app is hosted for free on Netlify (cloud computing platform). The podcast data is sourced through podcastsindex.org.
This is the second part to the Angular 10 Movie Search (ssr ngUniversal), TMDB API tutorial. This tutorial will focus on adding some interactive features to the server side rendered app!
Let’s show some info about the movie when we hover over the movie image. The search payload provides a movie rating score 0–10. The rating (vote_average) can be converted to an array to show the rating as star icons equal to the length of the array.
This application is made with Angular (version 10.0.4). This is a server-side rendering app that uses
express and it searches for movie titles. This single page app is hosted for free on Heroku (cloud application platform). You will need to create a free account with themoviedb.org to participate with this tutorial. The instructions of how to procure a TMDB api key are below.
Automatically installed locally by Angular cli
This is part 2 of Angular 9 and MySportsFeeds API Part 1. We left off with a very long list of NBA players with a large player image. I would like to make the list shorter, more readable and put it in a proper order that makes sense.
To help me sort the players by their point totals I am going to use angular cli to generate a pipe. I can add some code in the pipe that will sort my data from…
This is for sports stats lovers trying to build something with the latest angular framework. This article will show you how to get started using Angular 9 with the MySportsFeeds API.
I will fetch a list of NBA players, filter the response and sort the NBA players with the highest point total.
You will learn
This is primarily for an existing angular app but this may be applicable for other use cases regarding encrypting data via node.js / express server.
If you have a scenario in where you might need to send a private apiKey to the client side of an Angular app this is an example of how it can be done using Crypto-js. In this example I am fetching a private config variable from a heroku app and sending the
apiKey to the client-side. Since I don’t want the the apiKey exposed in the dev tools Network I must first encrypt the
NPM (Node Package Manager), Node.js, Git, GitHub, Heroku and knowledge of how to write commands in a terminal will be required for this project. There are many ways to install NPM, Git and Node.js on your machine. I recommend researching the best way to install this software. Visiting the NPM, Git and the Node.js website is a good place to start.
I used a mac to create this app and I use iterm2 for my terminal. This is not required, every machine will come with its own terminal.