Skip to main content
View All Products
Compute
Storage
Databases
Networking
Developer Tools
Delivery
Security
Services
Industries
Pricing
Community
Engage With Us
Explore Content
Series
15
  1. As Seen on TFIR
    54
  2. Cloud Simplified
    54
  3. Craft of Code
    52
  4. DIY Cloud
    51
  5. HackerSploit
    32
  6. In the Node Newsletter
    39
  7. Learnk8s Labs
    4
  8. Linode Kubernetes with Helm
    11
  9. OpenAI Versus Project
    9
  10. Partner Roundups
    26
  11. Super User
    158
  12. Tech With Tim Linux Beginners Series
    14
  13. Terraforming Kubernetes
    6
  14. Top Docs
    75
  15. Try IaC
    5
Featuring
39
  1. Alexis Ahmed (HackerSploit)
    33
  2. Andrew Burke
    1
  3. Austin Gil
    18
  4. Billy Thompson
    14
  5. Brandon Hopkins
    25
  6. Chris Nesbitt-Smith
    2
  7. Chris Psaltis
    1
  8. Code with Harry
    30
  9. Code with Tomi
    13
  10. Daniele Polencic
    2
  11. Darcy Declute
    1
  12. David Burgess
    16
  13. David Flanagan
    1
  14. Florian Walther
    1
  15. Gardiner Bryant
    59
  16. James Steel
    26
  17. Jay LaCroix
    76
  18. Jay Lyman
    1
  19. Jérôme Petazzoni (Tiny Shell Script)
    11
  20. Jose Portilla
    1
  21. Josh | KeepItTechie
    20
  22. Justin Mitchel
    29
  23. Kevin Cunningham
    1
  24. Lana Lux
    5
  25. Liam Eagle
    2
  26. Mauricio “Salaboy” Salatino
    2
  27. Mike Jung
    3
  28. Mike Maney
    2
  29. Nelson Djalo
    6
  30. Salman Iqbal
    3
  31. Sam Hawley
    2
  32. Sid Palas
    10
  33. Swapnil Bhartiya
    49
  34. Talia Nassi
    1
  35. Tech with Tim
    27
  36. TechHut
    9
  37. Veronica
    1
  38. Walt Ribeiro
    18
  39. zSecurity
    1
Content Types
6
  1. Customer Stories
    52
  2. Ebooks
    14
  3. Email Newsletters
    39
  4. Research
    5
  5. Videos
    508
  6. Webinars
    27
Categories
13
  1. Cloud Overviews
    20
  2. Compute
    51
  3. Containers (Kubernetes, Docker)
    106
  4. Databases
    28
  5. Developer Tools
    148
  6. Linode
    43
  7. Linux
    80
  8. Multicloud
    3
  9. Networking
    14
  10. Open Source
    19
  11. Partner Network
    42
  12. Security
    56
  13. Storage
    21

In order to see embedded YouTube videos, you must have "performance" cookies enabled in your cookie preferences.

ContentSuper UserCode With Harry Builds a Dictionary App Using React and Apache | Ubuntu Server App Deployment

Code With Harry Builds a Dictionary App Using React and Apache | Ubuntu Server App Deployment

In this video, @CodeWithHarry teaches how to code a Dictionary app using React as a frontend along with a public dictionary API.

Chapters:
0:00 Introduction
0:22 Create a new React Project in Next.js
2:00 Find a Dictionary API
4:30 Create index.js
10:00 Incorporate selections from Tailwind CSS
10:49 Create footer.js
11:40 Add Navbar to app.js
12:15 Add Footer to app.js
14:00 Create Links
15:00 Create Home Page Content
19:00 Create Contact Page
20:30 Fix Button Appearance
20:50 Create Start Using Page
33:15 Update Stroke in Navbar and Footer
34:43 Test Definition Response
37:00 Display All Definitions + Audio Tag
43:00 Build App
46:00 Create Linode
46:52 Upload app to Object Storage
48:00 Install Apache and Configure Server
49:40 Install Dictionary App
51:30 Conclusion

New to Linode? Get started here with a $100 credit!
Read the doc for more information on deploying React apps.
Learn more about web frameworks.
Subscribe to get notified of new episodes as they come out.

#Linode #react #api
Product: Linode, Frontend, React; @CodeWithHarry

You might also like…

  1. How to Install Nextcloud on an Ubuntu Server | Install Nextcloud from Scratch on Linode

    In this tutorial, Jay LaCroix shows you how to install Nextcloud on an Ubuntu server from scratch.

  2. How to Install and host Joplin | Open Source Multimedia Note-Taking App

    Joplin is an open source application designed to take notes using the Markdown format.
  3. A man with black hair and glasses in front of a microphone with a cartoon pencil next to him and the text CRUD: Creating New Entries 3.

    Sending and Saving Data with Remix – Real World Database App Building

    In this video, we'll cover Remix routing and submitting forms with HTML vs Javascript, as well as accessing data, validation, and saving.

  4. Deploying Your Multiplayer Online Game | A Step-by-Step Guide with Tech With Tim

    In the final episode of this series, Tim shows how to connect the database and deploy the game to a server on Akamai.
Prev Next