Everything Store Application

Modified on Wed, 27 Jul 2022 at 02:10 PM

In this Tutorial:

  • Estimated Time: 30 Minute
  • Goals:
    • Learn About Each Section of the Studio
    • Understand How to Style the Elements of an Application
    • Integrate APIs With Your Project
    • Build Routes and Pass Parameters For Dynamic Content
    • Construct Elements Dynamically Based on Data
This application is meant as a quick-start to help you understand the essential functions of the Studio. 


By building out a basic e-commerce store using the FakeStore API, we touch on important aspects of app building like styling, API integration, data manipulation, routes, and how to manage dynamic content. 
It is meant to be quick and painless, but please reach out if you have any questions! 
The final result will look something like this:




*Important Note* Each section below corresponds to and needs to be followed in sequential order to complete this tutorial. In addition, each of the attached PDF guides corresponds to a title below. Lastly if you'd rather view this tutorial on a webpage with active gif's rather than PDF's please view the origin docs page here.


1. Styling the App Element

2. Creating the Nav Bar

3. Adding Routes

4. Adding Links Dynamically

5. Adding Content to Routes


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article