https://github.com/Ketan-Chaudhary/S3FormUploader
A full-stack application for submitting forms with image uploads, integrating AWS S3 and RDS- MySQL for storage.
https://github.com/Ketan-Chaudhary/S3FormUploader
aws aws-ec2 aws-rds-mysql aws-s3 fullstack-development nodejs reactjs
Last synced: 9 months ago
JSON representation
A full-stack application for submitting forms with image uploads, integrating AWS S3 and RDS- MySQL for storage.
- Host: GitHub
- URL: https://github.com/Ketan-Chaudhary/S3FormUploader
- Owner: Ketan-Chaudhary
- Created: 2025-01-28T12:04:58.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-10T19:18:19.000Z (over 1 year ago)
- Last Synced: 2025-03-28T20:15:42.161Z (over 1 year ago)
- Topics: aws, aws-ec2, aws-rds-mysql, aws-s3, fullstack-development, nodejs, reactjs
- Language: JavaScript
- Homepage:
- Size: 84 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Simple Form with Image Upload and AWS Integration
This project is a simple web application where users can input form data and upload an image. The form data, including the image URL, is stored in AWS RDS (MySQL), while the image itself is stored in an AWS S3 bucket. The user can access the data via the application. The project is built using **React**, **Vite**, and **Node.js**, with deployment on an **EC2 instance**.
## Features
- A simple form for collecting input values (e.g., name, description, etc.).
- File upload feature to upload an image.
- Image stored in AWS S3.
- Metadata (including the image URL) stored in AWS RDS (MySQL).
- REST API to interact with the database and S3 bucket.
- Deployed on an EC2 instance for production.
## Tech Stack
- **Frontend**: React, Vite
- **Backend**: Node.js
- **Database**: AWS RDS (MySQL)
- **File Storage**: AWS S3
- **Cloud Deployment**: AWS EC2
## Prerequisites
Before running the project, make sure you have the following:
- Node.js and npm installed on your local machine.
- AWS account with access to RDS and S3.
- Access keys for AWS services (S3, RDS).
- EC2 instance running for deployment.
## Setup
### 1. Clone the Repository
```bash
git clone https://github.com/Ketan-Chaudhary/S3FormUploader.git
```
2. Install Dependencies
Client (React + Vite)
Navigate to the client folder and install the necessary dependencies:
```bash
cd client
npm install
```
Server (Node.js)
Navigate to the server folder and install the necessary dependencies:
```bash
cd server
npm install
```
3. Configure Server Environment Variables
Create a .env file in the server folder and add your MySQL and AWS credentials.
Server (server/.env)
env
```bash
MYSQL_HOST=your-rds-endpoint
MYSQL_USER=your-database-username
MYSQL_PASSWORD=your-database-password
MYSQL_DATABASE=your-database-name
MYSQL_PORT=3306 # Default MySQL port
AWS_ACCESS_KEY=your-aws-access-key-id
AWS_SECRET_KEY=your-aws-secret-access-key
AWS_REGION=your-aws-region
AWS_S3_BUCKET_NAME=your-s3-bucket-name
```