Cloud BookHub

Scalable serverless online bookstore built on AWS with React frontend, Lambda backend, and full CI/CD pipeline.
View Demo · Report Bug · Request Feature

---

About The Project

Cloud BookHub demonstrates a production-ready serverless e-commerce pattern on AWS. The React SPA serves book catalog via CloudFront CDN from S3, with backend API powered by Lambda behind API Gateway. Full CI/CD pipeline automates deployments from GitHub, and CloudWatch provides observability [web:1].

UI

---

Architecture

Cloud BookHub architecture: React on S3+CloudFront → API Gateway+Lambda → RDS MySQL (planned).

---

Key Features

• Book catalog with images, categories, and rupee pricing
• Search by title and category filtering
• Book details modal with descriptions and stock info
• Client-side shopping cart with quantity controls and totals
• Responsive UI optimized for mobile and desktop
• Serverless backend with CORS-enabled API Gateway
• Automated CI/CD pipeline with CodePipeline and CodeBuild
• CloudWatch monitoring for Lambda and build logs

---

Tech Stack

Technology	Purpose
	Frontend framework
	Static website hosting
	Global CDN + HTTPS
	Serverless backend (Node.js 18)
	REST API management
	Planned database
	CI/CD orchestration
	Automated builds
	Monitoring and logs
	SSL/TLS certificates

Infrastructure Components

AWS Service	Configuration
	bookstore-frontend-khand-123 with public read policy
	Redirects HTTP to HTTPS, S3 website endpoint origin
	bookstore-get-books with in-memory catalog data
	HTTP API with GET /books route
	GitHub → CodeBuild → S3 deploy stages
	Node.js 18 build, npm install and npm run build
	Lambda logs in /aws/lambda/bookstore-get-books
	Public cert in us-east-1 attached to CloudFront

---

Installation

1. Clone the repository git clone https://github.com/purvii12/Online-Bookstore.git cd Online-Bookstore

2. Frontend setup npm install npm run build

3. Deploy to AWS manually (before CI/CD) Upload build/ to S3 bucket aws s3 sync build/ s3://bookstore-frontend-khand-123 --delete

Create CloudFront distribution pointing to S3 website endpoint

4. Backend deployment Create Lambda function with provided code Create API Gateway HTTP API with GET /books → Lambda integration Test: https://YOUR_API_ID.execute-api.us-east-1.amazonaws.com/books(replace with your id)

---

Networking

---

Usage

1. Access frontend via URL: https://online-bookstore-frontend-zyyx.onrender.com/
2. Browse books, use search and category filters
3. Click book cards for details modal with stock info
4. Add items to cart, adjust quantities, view running totals

CI/CD Workflow: Push to main branch triggers: GitHub → CodePipeline → CodeBuild → S3 deployment git add . git commit -m "Update UI" git push origin main

CI/CD

ACM Certificate Setup

1. Navigate to ACM console in us-east-1 (required for CloudFront)
2. Request public certificate for your domain (e.g., yourdomain.com, *.yourdomain.com)
3. Choose DNS validation and add CNAME records to Route 53
4. Wait for "Issued" status (5-30 minutes)
5. Attach certificate to CloudFront: Distributions → Edit → Custom SSL Certificate [web:2][web:6]

CloudFront Custom Domain Configuration Alternate Domain Names (CNAMEs): yourdomain.com, www.yourdomain.com Custom SSL Certificate: arn:aws:acm:us-east-1:ACCOUNT:certificate/CERT-ID

---

Deployment Steps

1. Infrastructure (AWS Console) S3 bucket → CloudFront → Lambda → API Gateway → RDS (optional) IAM roles → CodeBuild project → CodePipeline

2. CI/CD Setup Connect GitHub repo → Create buildspec.yml → CodeBuild project CodePipeline: Source(github) → Build(codebuild) → Deploy(S3)

3. Frontend Configuration Update API_BASE in App.js to your API Gateway URL, rebuild, commit to main

---

Roadmap

• React SPA on S3 + CloudFront with HTTPS
• Lambda + API Gateway serverless backend
• Complete CI/CD pipeline automation
• CloudWatch monitoring and logging
• RDS MySQL instance provisioned
• RDS database integration in Lambda
• Amazon Cognito authentication
• AWS WAF protection for CloudFront
• Custom domain with Route 53

---

Contributing

1. Fork the project
2. Create feature branch: git checkout -b feature/amazing-feature
3. Commit changes: git commit -m 'Add amazing feature'
4. Push to branch: git push origin feature/amazing-feature
5. Open Pull Request

---

License

This project is licensed under the MIT License - see the LICENSE file for details.

---

Contact

Purvii - @purvii12

Project Link: https://github.com/purvii12/Online-Bookstore

---

Acknowledgments

• AWS Documentation for serverless patterns [web:1]
• AWS Samples bookstore demo for reference architecture [web:2]
• React community for excellent frontend ecosystem