Skip to content

AkshitShekhawat/Full-Stack-demo-deploy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🛠️ Full Stack CRUD App – React + Spring Boot + Docker

Live Demo: https://benevolent-cheesecake-bf7ad3.netlify.app/


📌 Description

This is a full-stack CRUD application where the frontend is built with React and the backend with Spring Boot,
containerized using Docker and deployed on Render. The frontend is deployed using Netlify.


⚙️ Tech Stack

🔹 Frontend

  • React
  • JavaScript (ES6+)
  • HTML/CSS
  • Fetch API

🔸 Backend

  • Java 21
  • Spring Boot
  • Spring Data JPA
  • PostgreSQL
  • Docker
  • CORS Configuration

🔧 DevOps / Deployment

  • Docker (for backend)
  • Render (Docker deployment)
  • Netlify (for frontend)

Features

  • Add, update, and delete items
  • Display real-time item list from backend
  • Containerized backend with Docker
  • Seamless connection between frontend and backend
  • 🌍Live deployments using Netlify & Render

📸 Screenshots

📋 Item List ✏️ Compete Page
image image

🌐 Folder Structure

/backend-demo-deploy └── src
├── App.jsx
├── App.css/
└── Other Files ----/
└── public/

/frontend-demo-deploy
└── src
└── main/java/com.backen_demo_deploy
├── ItemController/
├── Item/
├── ItemRepository/
└── CorsConfig/
└── Dockerfile
└── application.properties
└── .env

📦 Setup Instructions

🐳 Backend (Spring Boot + Docker on Render)

🧩 Spring Boot  |  🐳 Docker  |  🚀 Render

🌐 Frontend (React App on Netlify)

⚛️ React  |  🌐 Netlify

🗄️ Database (PostgreSQL on Neon)

🐘 PostgreSQL  |  💡 Neon

The backend is containerized using Docker and deployed on Render.

1. Clone the repository

git clone [https://github.com/your-username/your-repo.git](https://github.com/AkshitShekhawat/Full-Stack-demo-deploy.git)

About

This Project for demo- Full- Stack-deployment

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published