SJ Global Services — Full Website

Project Structure

sj-global/
├── frontend/
│   └── index.html        ← Complete frontend (open this directly in browser)
├── backend/
│   └── server.js         ← Express.js REST API backend
├── package.json
└── README.md

🚀 Quick Start

Frontend Only (No setup needed)

Just open frontend/index.html in any browser. Works standalone!

Full Stack (Frontend + Backend)

# 1. Install dependencies
npm install

# 2. Start the server
npm start

# 3. Open http://localhost:3000

🔗 API Endpoints

Method	Endpoint	Description
POST	/api/contact	Submit contact form
GET	/api/portfolio	Get portfolio items
GET	/api/portfolio?category=Web Design	Filter by category
GET	/api/blog	Get blog posts
GET	/api/blog/:id	Get single blog post
GET	/api/admin/contacts	View all contact submissions
POST	/api/admin/blog	Add new blog post

🎨 Pages Included

• Home — Hero, stats, CTA
• Services — Web Design, Web Dev, Video Editing, SEO, Graphic Design
• About — Story, values, stats
• Portfolio — Filterable project gallery
• Pricing — 3 tiers (Starter/Professional/Enterprise)
• Blog — Articles & insights
• Contact — Form with API submission

🛠️ Customization

• Update contact info in the #contact section
• Replace portfolio images with real project screenshots
• Update phone number and email
• Connect to a real database (MongoDB/MySQL) in server.js
• Add email notifications (Nodemailer) in the contact route