Code With Harry Builds a Dictionary App Using React - Ubuntu Server App Deployment

Learn how to build a Dictionary app using React as the frontend framework and integrate it with a public dictionary API in this comprehensive tutorial video. Follow along as the instructor guides you through creating a new React project in Next.js, finding a suitable Dictionary API, and implementing key components such as the index.js file, navbar, and footer. Discover how to incorporate Tailwind CSS for styling, create various pages including Home, Contact, and Start Using, and implement functionality to display definitions and audio pronunciations. The tutorial also covers building the app, deploying it on a Linode server, uploading to Object Storage, and configuring Apache for hosting. By the end of this 52-minute video, you'll have a fully functional Dictionary app and the knowledge to deploy it on an Ubuntu server.

Syllabus

Introduction
Create a new React Project in Next.js
Find a Dictionary API
Create index.js
Incorporate selections from Tailwind CSS
Create footer.js
Add Navbar to app.js
Add Footer to app.js
Create Links
Create Home Page Content
Create Contact Page
Fix Button Appearance
Create Start Using Page
Update Stroke in Navbar and Footer
Test Definition Response
Display All Definitions + Audio Tag
Build App
Create Linode
Upload app to Object Storage
Install Apache and Configure Server
Install Dictionary App
Conclusion