How to make React Web app with Airtable.js as backend -2

In this tutorial, I will show you how I connect my personal website with an Airtable database.

If you want to see how I set up the Airtable database, you can go to the first post.

How to make React Web app with Airtable.js as backend -1

1- Create React App

1.1 Go to my Personal web page source code

In this tutorial, we will clone my personal web page.

1.2 Clone Repository

First, you should select your local file for this project

mkdir mysite
cd mysite
git clone https://github.com/enesefes/MyWebPage
cd MyWebPage

That’s it We created a new project on our local computer

1.3 Npm Install

We will add node package manager

npm install

1.4 Run the project our local serve 🚀🎉🚀

npm start

You will see my personal web page on your local serve

2- Airtable API Configuration 🔐

2.1 Go to Airtable

2.2 Click on Personal Web page

2.3 Click on HELP

2.4 Click on API documentation

3- Go to Airtable API — Personal-Web-Page

3.2 Click on AUTHENTICATION

3.3 Check show API key

3.4 Copy AIRTABLE_API_KEY and Base ID

4- Open local project on Visual studio 👨‍💻

A file named “My Web Page” will be created where we set up the project. We will log into this created project and open it in visual studio code.

Please don’t forget the point!

cd mysite
cd MyWebPage
code .

4.1 Click on src file and then base.js

4.2 Paste Airtable_API_KEY and Base ID in base.js file

4.3 Save the file and go back to localhost you will see your project on the web page

4.4 That’s it you can view and change everything on your source code 🎉🎉🎉

Please contact me with any questions 🙌🚀🎉

https://iamenes.com