HaloBuku

Commerce to buy various books such as novels.

References

• https://gramedia.com

Links

Frontend

Production:

• https://halobuku.netlify.app
• https://halobuku.ericprd.site
• https://halobuku.baysatriow.me
• https://halobuku.dennysh.com
• https://halobuku.ersankarimi.com

Local:

• http://localhost:3000 for Next.js

Backend

Production:

• https://halobuku.ericprd.site/api/v1
• https://halobuku-api.ericprd.site/v1
• https://halobuku.railway.app

Local:

• http://localhost:5500

Design

• Figma Mockup: Figma Mockup Link
• Whimsical Flowchart: Whimsical Link

Main Features

• Display all books
• Book details
• Search books
• Cart page
• Checkout books

Team Members

Name	Role	GitHub URL
Eric	Lead, Fullstack	@Eric
Ersan	Frontend Design	@Ersan
Bayu	Frontend, Design	@Bayu
Denny	Frontend, Design	@Denny

Tech Stack

Commerce

• HTML
• CSS
  • Tailwind CSS
• JavaScript
  • TypeScript
• Node.js & npm
• React
  • Next.js v12
    • next/router
    • next/image
• Data Fetching
  • REST API: axios / swr
• Misc
  • Prettier
  • ESLint

Development

Install dependencies:

npm install

Run server in development mode:

npm run dev

Build for production:

npm run build

Start in production mode:

npm start

Deployment

Details on deployment using Vercel or Netlify here.

REST API Endpoints

HTTP	Endpoint	Description
GET	/books	Get all books
GET	/books/:id	Get book by id
POST	/books/	Create book
DELETE	/books/:id	Delete book by id
POST	/register	Register user
POST	/verify	Verify user
POST	/login	Login

Data Model

Books

{
   _id: Number,
  title: String,
  author: String,
  publishedYear: Number,
  description: String,
  image: String,
  price: Number,
  quantity: Number,
  isAvailable: Boolean
}

User

{
  "name": "First Last",
  "email": "firstlast@user.com",
  "password": "password123"
}