{"id":24149042,"url":"https://github.com/mochrks/fullstack-order-store-grab","last_synced_at":"2026-04-05T22:34:56.969Z","repository":{"id":251690625,"uuid":"803647360","full_name":"Mochrks/fullstack-order-store-grab","owner":"Mochrks","description":"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), ","archived":false,"fork":false,"pushed_at":"2024-10-08T16:07:06.000Z","size":4061,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-09-07T10:34:29.559Z","etag":null,"topics":["kafka","mongodb","postgresql","reactjs","spring-boot","tailwindcss","vite"],"latest_commit_sha":null,"homepage":"https://medium.com/@mochrks/develop-order-store-dengan-oltp-olap-kafka-use-case-order-grab-198e852441a2","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Mochrks.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-05-21T06:05:27.000Z","updated_at":"2024-12-07T07:58:23.000Z","dependencies_parsed_at":"2024-09-15T11:20:29.766Z","dependency_job_id":"afb13126-4229-4957-adbc-0eb09e5623a0","html_url":"https://github.com/Mochrks/fullstack-order-store-grab","commit_stats":null,"previous_names":["mochrks/fullstack-order-store-grab"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Mochrks/fullstack-order-store-grab","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mochrks%2Ffullstack-order-store-grab","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mochrks%2Ffullstack-order-store-grab/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mochrks%2Ffullstack-order-store-grab/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mochrks%2Ffullstack-order-store-grab/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Mochrks","download_url":"https://codeload.github.com/Mochrks/fullstack-order-store-grab/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mochrks%2Ffullstack-order-store-grab/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31452899,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-05T21:22:52.476Z","status":"ssl_error","status_checked_at":"2026-04-05T21:22:51.943Z","response_time":75,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["kafka","mongodb","postgresql","reactjs","spring-boot","tailwindcss","vite"],"created_at":"2025-01-12T08:34:57.869Z","updated_at":"2026-04-05T22:34:56.922Z","avatar_url":"https://github.com/Mochrks.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eFullstack Order Store Grab\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/React-18.0.0-blue\" alt=\"React Version\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Vite-2.7.0-brightgreen\" alt=\"Vite Version\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/TailwindCSS-Integrated-06B6D4\" alt=\"TailwindCSS Integration\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/SpringBoot-2.5.4-brightgreen\" alt=\"Spring Boot Version\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Kafka-Integrated-blue\" alt=\"Kafka Integration\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/MongoDB-Database-green\" alt=\"MongoDB Integration\" /\u003e\n  \u003cimg src=\"https://img.shields.io/badge/PostgreSQL-Database-blue\" alt=\"PostgreSQL Integration\" /\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://skillicons.dev/icons?i=react,vite,tailwind,spring,mongodb,postgres,kafka\" alt=\"Tech Stack Icons\" /\u003e\n\u003c/p\u003e\n\n## Overview\n\nThis 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).\n\n## Features\n\n- OLTP and OLAP architectures for effective data processing\n- Integration with **Kafka** for real-time event streaming\n- User-friendly interface built with **React**, **Vite**, and **Tailwind CSS**\n- Support for multiple databases: **MongoDB** and **PostgreSQL**\n- Clean architecture and codebase for maintainability\n\n## Tech Stack\n\n- **Frontend:**\n  - **React** with **Vite** and **TypeScript**\n  - **Tailwind CSS** and **ShadCN UI** for styling\n- **Backend:**\n  - **Spring Boot** for REST API development\n  - **Kafka** for messaging and event processing\n  - **MongoDB** and **PostgreSQL** for data storage\n\n## Project Structure\n\n```bash\nfullstack-order-store-grab/\n│\n├── fullstack-grab-reacts/               # Frontend application\n│   ├── src/                              # Source code for React app\n│   ├── public/                           # Static assets\n│   └── vite.config.js                    # Vite configuration\n│\n└── fullstack-grab-springboot/           # Backend application\n    ├── src/\n    │   ├── main/\n    │   │   ├── java/\n    │   │   │   └── com/grab/            # Source code and main application\n    │   └── resources/\n    │       ├── application.properties    # Configuration for databases and Kafka\n    └── pom.xml                           # Project dependencies\n\n```\n\n## Setup \u0026 Installation\n\n---\n\n- **Clone the repository**\n\n    ```bash\n    git clone https://github.com/mochrks/fullstack-order-store-grab.git\n    cd fullstack-order-store-grab\n    ```\n\n- **Setup Frontend**\n\n    1. Navigate to the frontend directory:\n\n    ```bash\n    cd fullstack-grab-reacts\n    ```\n\n    2. Install dependencies:\n\n    ```bash\n    npm install\n    ```\n\n    3. Run the development server:\n\n    ```bash\n    npm run dev\n    ```\n\n- **Setup Backend**\n\n    1. Navigate to the backend directory:\n\n    ```bash\n    cd fullstack-grab-springboot\n    ```\n\n    2. Install dependencies:\n\n    ```bash\n    mvn clean install\n    ```\n\n    3. Run the application:\n\n    ```bash\n    mvn spring-boot:run\n    ```\n\n- 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).\n\n\\## Connect with me:\n[![GitHub](https://img.shields.io/badge/GitHub-333?style=for-the-badge\u0026logo=github\u0026logoColor=white)](https://github.com/mochrks)\n[![YouTube](https://img.shields.io/badge/YouTube-FF0000?style=for-the-badge\u0026logo=youtube\u0026logoColor=white)](https://youtube.com/@Gdvisuel)\n[![Instagram](https://img.shields.io/badge/Instagram-E4405F?style=for-the-badge\u0026logo=instagram\u0026logoColor=white)](https://instagram.com/mochrks)\n[![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://linkedin.com/in/mochrks)\n[![Behance](https://img.shields.io/badge/Behance-1769FF?style=for-the-badge\u0026logo=behance\u0026logoColor=white)](https://behance.net/mochrks)\n[![Dribbble](https://img.shields.io/badge/Dribbble-EA4C89?style=for-the-badge\u0026logo=dribbble\u0026logoColor=white)](https://dribbble.com/mochrks)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmochrks%2Ffullstack-order-store-grab","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmochrks%2Ffullstack-order-store-grab","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmochrks%2Ffullstack-order-store-grab/lists"}