https://github.com/mochrks/fullstack-order-store-grab
This project involves the development of an order store system using OLTP, OLAP, and Kafka technologies, with a case study on Grab orders. For more details, you can refer to this link: How we store and process millions of orders daily.(https://engineering.grab.com/how-we-store-millions-orders),
https://github.com/mochrks/fullstack-order-store-grab
kafka mongodb postgresql reactjs spring-boot tailwindcss vite
Last synced: 3 months ago
JSON representation
This project involves the development of an order store system using OLTP, OLAP, and Kafka technologies, with a case study on Grab orders. For more details, you can refer to this link: How we store and process millions of orders daily.(https://engineering.grab.com/how-we-store-millions-orders),
- Host: GitHub
- URL: https://github.com/mochrks/fullstack-order-store-grab
- Owner: Mochrks
- Created: 2024-05-21T06:05:27.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-08T16:07:06.000Z (over 1 year ago)
- Last Synced: 2025-09-07T10:34:29.559Z (10 months ago)
- Topics: kafka, mongodb, postgresql, reactjs, spring-boot, tailwindcss, vite
- Language: TypeScript
- Homepage: https://medium.com/@mochrks/develop-order-store-dengan-oltp-olap-kafka-use-case-order-grab-198e852441a2
- Size: 3.87 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Fullstack Order Store Grab
## Overview
This project involves the development of an **order store system** using **OLTP**, **OLAP**, and **Kafka technologies**, with a case study on **Grab orders**. The goal is to efficiently store and process millions of orders daily. For more details, you can refer to this [link](https://engineering.grab.com/how-we-store-millions-orders).
## Features
- OLTP and OLAP architectures for effective data processing
- Integration with **Kafka** for real-time event streaming
- User-friendly interface built with **React**, **Vite**, and **Tailwind CSS**
- Support for multiple databases: **MongoDB** and **PostgreSQL**
- Clean architecture and codebase for maintainability
## Tech Stack
- **Frontend:**
- **React** with **Vite** and **TypeScript**
- **Tailwind CSS** and **ShadCN UI** for styling
- **Backend:**
- **Spring Boot** for REST API development
- **Kafka** for messaging and event processing
- **MongoDB** and **PostgreSQL** for data storage
## Project Structure
```bash
fullstack-order-store-grab/
│
├── fullstack-grab-reacts/ # Frontend application
│ ├── src/ # Source code for React app
│ ├── public/ # Static assets
│ └── vite.config.js # Vite configuration
│
└── fullstack-grab-springboot/ # Backend application
├── src/
│ ├── main/
│ │ ├── java/
│ │ │ └── com/grab/ # Source code and main application
│ └── resources/
│ ├── application.properties # Configuration for databases and Kafka
└── pom.xml # Project dependencies
```
## Setup & Installation
---
- **Clone the repository**
```bash
git clone https://github.com/mochrks/fullstack-order-store-grab.git
cd fullstack-order-store-grab
```
- **Setup Frontend**
1. Navigate to the frontend directory:
```bash
cd fullstack-grab-reacts
```
2. Install dependencies:
```bash
npm install
```
3. Run the development server:
```bash
npm run dev
```
- **Setup Backend**
1. Navigate to the backend directory:
```bash
cd fullstack-grab-springboot
```
2. Install dependencies:
```bash
mvn clean install
```
3. Run the application:
```bash
mvn spring-boot:run
```
- The backend application will be running on [http://localhost:8080](http://localhost:8080), and the frontend application will be running on [http://localhost:3000](http://localhost:{port).
\## Connect with me:
[](https://github.com/mochrks)
[](https://youtube.com/@Gdvisuel)
[](https://instagram.com/mochrks)
[](https://linkedin.com/in/mochrks)
[](https://behance.net/mochrks)
[](https://dribbble.com/mochrks)