🚀 Om's Developer Portfolio

---

🌐 Live Demo

Frontend: https://om-folio.vercel.app

Backend API: https://om-portfolio-r0oa.onrender.com

---

📌 Project Overview

This is a full-stack developer portfolio designed to showcase projects, skills, and provide a functional contact system.

Visitors can explore projects and submit messages through the contact form, which are processed by a Spring Boot REST API and securely stored in a PostgreSQL database.

The project demonstrates full-stack integration, REST API design, validation, and cloud deployment.

---

🧠 Architecture

Frontend (Vercel)
        ↓
Spring Boot API (Render)
        ↓
PostgreSQL Database (Render)

This architecture separates the presentation layer, business logic, and data layer for scalability and maintainability.

---

🛠 Tech Stack

Frontend

• HTML5
• CSS3
• Vanilla JavaScript

Backend

• Java
• Spring Boot
• Spring Security
• REST APIs
• Maven

Database

• PostgreSQL

Deployment

• Vercel – Frontend hosting
• Render – Backend service + PostgreSQL database

---

✨ Features

✔ Responsive modern portfolio UI ✔ Projects showcase with GitHub repository links ✔ Contact form integrated with backend API ✔ Server-side validation using Spring Boot Validation ✔ Secure REST API structure ✔ Messages stored in PostgreSQL database ✔ Fully deployed cloud-based full-stack architecture

---

🔗 API Endpoint

Submit Contact Message

POST /api/contact

Example Request Body

{
  "fullName": "John Doe",
  "email": "john@example.com",
  "phone": "1234567890",
  "subject": "Portfolio Inquiry",
  "message": "Hello, I liked your portfolio."
}

The backend validates the input and stores the message in the database.

---

📂 Project Structure

Om_Portfolio
│
├── Portfolio
│   ├── index.html
│   ├── style.css
│   └── script.js
│
└── Portfolio_backend
    ├── src
    ├── pom.xml
    └── Dockerfile

• Portfolio → Frontend application
• Portfolio_backend → Spring Boot backend service

---

⚙️ Running Locally

Clone the repository

git clone https://github.com/Om12s/Om_Portfolio.git

---

Run Backend

cd Portfolio_backend
mvn spring-boot:run

Backend will run on:

http://localhost:8080

---

Run Frontend

Open index.html in a browser or run using VS Code Live Server.

---

📸 Screenshots

👨‍💻 Author

Om Java Backend Developer

GitHub https://github.com/Om12s

LinkedIn www.linkedin.com/in/omsood

---

⭐ If you found this project useful

Consider starring the repository to support the project.