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

Subscribers:
1,040,000
Published on ● Video Link: https://www.youtube.com/watch?v=xfKUmlj2fp8



Category:
Tutorial
Duration: 52:13
5,413 views
241


@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 → https://www.linode.com/linodetube
Read the doc for more information on deploying React apps → https://www.linode.com/docs/guides/how-to-deploy-a-react-app-on-ubuntu-18-04/
Learn more about web frameworks → https://www.linode.com/docs/guides/web-frameworks/
Subscribe to get notified of new episodes as they come out → https://www.youtube.com/linode?sub_confirmation=1

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




Other Videos By Akamai Developer


2023-05-08WGER Workout Manager | Host Your Own Free Open-Source Fitness Tracking App
2023-05-05Common DNS Questions Answered | How DNS Really works
2023-05-03Build Your Own AI Chatbot with OpenAI API and Linode | A Step-by-Step Guide From Code With Harry
2023-05-01Everything You Need to Know to Get Started With npm | Node Package Manager Explained
2023-04-28How DevOps Engineers Use CI/CD to Build Better Software Faster
2023-04-26exa Replaces the ls Command in Linux | Color Coded File Lister
2023-04-24Build a Blog on Linode Using Tailwind CSS | Bootstrap Alternative
2023-04-21Streamline Small Business Invoicing Using Invoice Ninja | The All-in-One Invoicing Tool
2023-04-19Programming a Text Formatting App | Web Development Tutorial from Code With Harry
2023-04-17How to Add Two Factor Authentication to Secure Your Account
2023-04-14Code With Harry Builds a Dictionary App Using React and Apache | Ubuntu Server App Deployment
2023-04-12Build an App That Can Recognize Your Face | Tech With Tim OpenCV Python App
2023-04-10What Is Big Data and How is it Used? | Explanation and Demo From Code With Tomi
2023-04-07Learn How to Build a Scalable Weather App Using Weather API Integration | Code with Harry
2023-04-05Understanding JSON Web Tokens | JWT Explanation from Tech with Tim
2023-04-03Get Organized with Kanboard | Self-Hosted Project Management App PERFECT for Docker
2023-03-31Websites made EASY with Grav | Flexible, Open Source, Flat-File CMS
2023-03-29Install and Configure GitLab From Scratch on a Linode Server | Easy and Comprehensive Tutorial
2023-03-27Build And Deploy A Full Django API on Linode | Code With Tomi
2023-03-24Incident Response with Fireeye | Final Hackersploit Blue Team Training
2023-03-22Build Your Own Video Streaming Platform | It's Easier Than You Might Think!



Tags:
linode
linux
cloud computing
alternative cloud
linux server
open source
sysadmin
Frameworks
Sysadmin
Programming
react
api
public dictionary api
code
frontend
Tailwind CSS
server
app
dictionary app
app.js
code with harry
bootstrap
bootstrap tutorial
bootstrap 5 tutorial
react app
react app deploy
deploy react app tutorial
app deploy tutorial
publish app on server
deploy react app on server
react on ubuntu
react js tutorials
apache react
apache react app