https://github.com/a2rp/airtable-api-crud-demo
Full-stack Airtable CRUD application using React, Node.js, and Express. Demonstrates secure API integration and real-time data management.
https://github.com/a2rp/airtable-api-crud-demo
airtable api crud express fullstack javascript nodejs react styled-components vite website-project
Last synced: about 2 months ago
JSON representation
Full-stack Airtable CRUD application using React, Node.js, and Express. Demonstrates secure API integration and real-time data management.
- Host: GitHub
- URL: https://github.com/a2rp/airtable-api-crud-demo
- Owner: a2rp
- Created: 2026-05-01T05:11:22.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2026-05-01T16:54:06.000Z (3 months ago)
- Last Synced: 2026-05-01T18:26:56.900Z (3 months ago)
- Topics: airtable, api, crud, express, fullstack, javascript, nodejs, react, styled-components, vite, website-project
- Language: JavaScript
- Homepage:
- Size: 1010 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Airtable API CRUD Demo
Simple full-stack CRUD app using React, Express, and Airtable as the database.
## Features
- Create, Read, Update, Delete records
- Airtable API integration
- Secure backend (API key hidden in .env)
## Tech Stack
- React (Vite)
- Node.js + Express
- Airtable API
## Project Structure
```txt
airtable-api-crud-demo/
├── backend/
└── frontend/
```
## Setup
### Backend
```bash
cd backend
npm install
npm run dev
```
Create a `.env` file inside backend:
```env
PORT=1198
AIRTABLE_TOKEN=your_token
AIRTABLE_BASE_ID=your_base_id
AIRTABLE_TABLE_NAME=Contacts
```
### Frontend
```bash
cd frontend
npm install
npm run dev
```
## Note
Airtable API key is handled securely via backend. Do not expose it in frontend.
## Follow me:
- GitHub: https://github.com/a2rp
- Portfolio: https://www.ashishranjan.net
- LinkedIn: https://www.linkedin.com/in/aashishranjan
- Facebook: https://www.facebook.com/theash.ashish/
- Youtube: https://www.youtube.com/@ashishranjan-ashz