This helps protect our community. Learn more

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

1.04M subscribers

‪@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 Cloud Computing? Get started here with a $100 credit → https://www.linode.com/lp/youtube-vie... Read the doc for more information on deploying React apps → https://www.linode.com/docs/guides/ho... Learn more about web frameworks → https://www.linode.com/docs/guides/we... Subscribe to get notified of new episodes as they come out → https://www.youtube.com/linode?sub_co... #Linode #react #api Product: Linode, Frontend, React; @CodeWithHarry

...more

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

235Likes

6,027Views

2023Apr 14

Introduction

0:00

Create a new React Project in Next.js

0:22

Find a Dictionary API

2:00

Create index.js

4:30

Transcript

Follow along using the transcript.

Akamai Developer

1.04M subscribers

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

Chapters View all

Introduction

Introduction

Introduction

Create a new React Project in Next.js

Create a new React Project in Next.js

Create a new React Project in Next.js

Find a Dictionary API

Find a Dictionary API

Find a Dictionary API

Create index.js

Create index.js

Create index.js

Incorporate selections from Tailwind CSS

Incorporate selections from Tailwind CSS

Incorporate selections from Tailwind CSS

Create footer.js

Create footer.js

Create footer.js

Add Navbar to app.js

Add Navbar to app.js

Add Navbar to app.js

Add Footer to app.js

Add Footer to app.js

Add Footer to app.js

Akamai Developer

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

Comments 11

Chapters

Introduction

Introduction

Introduction

Create a new React Project in Next.js

Create a new React Project in Next.js

Create a new React Project in Next.js

Find a Dictionary API

Find a Dictionary API

Find a Dictionary API

Create index.js

Create index.js

Create index.js

Incorporate selections from Tailwind CSS

Incorporate selections from Tailwind CSS

Incorporate selections from Tailwind CSS

Create footer.js

Create footer.js

Create footer.js

Add Navbar to app.js

Add Navbar to app.js

Add Navbar to app.js

Add Footer to app.js

Add Footer to app.js

Add Footer to app.js

Create Links

Create Links

Create Links

Create Home Page Content

Create Home Page Content

Create Home Page Content

Create Contact Page

Create Contact Page

Create Contact Page

Fix Button Appearance

Fix Button Appearance

Fix Button Appearance

Create Start Using Page

Create Start Using Page

Create Start Using Page

Update Stroke in Navbar and Footer

Update Stroke in Navbar and Footer

Update Stroke in Navbar and Footer

Test Definition Response

Test Definition Response

Test Definition Response

Display All Definitions + Audio Tag

Display All Definitions + Audio Tag

Display All Definitions + Audio Tag

Build App

Build App

Chapters

Chapters