It's time to get our hands dirty one more time! Now that you have the basics of React in mind, you can start building applications with it.

Earlier in this book, we built the first version of LyricsFinder using Vue.js. For this chapter, we plan to help you to rewrite LyricsFinder using React, Bootstrap, and React Bootstrap.

Since you seem to like learning new things (otherwise you would not still be here with us, right?), we thought that you'd like to explore additional areas where TypeScript can also bring value.

In the first iteration of LyricsFinder, our Vue.js application directly made use of the MusixMatch API. That was a very reasonable choice but, this time, we'll create our own backend API. Of course, this won't become the next worldwide source of song lyrics, but let's pretend.

In practice, LyricsFinder V2 will keep the same basic functionality, but its user interface and API layer will change drastically.

With LyricsFinder V2, you'll not only create a frontend React SPA, but you'll also implement a backend GraphQL API using Apollo with the help of the NestJS framework, right on top of the Node.js runtime. This is quite a mouthful and might sound like gibberish for now but, hopefully, it'll all be clearer in your mind by the end of this chapter!