It's now time to build the first major piece of the project of this book. As mentioned in Chapter 4, Frontend with React.js, we'll be building an online store for musical instruments, which we will name GoMusic. In this chapter, we'll build most of the frontend of the online store by utilizing the impressive power of the React framework. Our GoMusic store will support the fundamental features of any online store:

• Users should be able to buy any product they like.
• Users should have access to a promotional page, which provides current sales and promotions.
• Users should be able to create their own accounts, and sign into them for a more personalized experience.

The following are the three main components of our frontend that we will be learning about in this chapter:

• Main pages, which all users of our web application should see
• Modal dialog windows, which help with buying products, accounts creation, and signing in
• User pages, which show a personalized page for the logged-in user

In this chapter, we will cover the following topics:

• Writing non-trivial React applications
• Integrating credit card services with our frontend with Stripe
• Writing modal windows in our code
• Designing routes in our code