Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/keanteng/serpent-astral

💠 Order Processing Solution for Small/Medium Warehouses in Malaysia
https://github.com/keanteng/serpent-astral

chakra-ui crud graphql graphql-yoga nextjs order-management prisma sqlite tailwindcss typescript warehouse

Last synced: about 2 months ago
JSON representation

💠 Order Processing Solution for Small/Medium Warehouses in Malaysia

Host: GitHub
URL: https://github.com/keanteng/serpent-astral
Owner: keanteng
License: gpl-3.0
Created: 2024-08-24T13:49:26.000Z (5 months ago)
Default Branch: main
Last Pushed: 2024-09-04T10:46:16.000Z (4 months ago)
Last Synced: 2024-10-13T17:24:06.637Z (3 months ago)
Topics: chakra-ui, crud, graphql, graphql-yoga, nextjs, order-management, prisma, sqlite, tailwindcss, typescript, warehouse
Language: TypeScript
Homepage: https://codesandbox.io/p/github/keanteng/serpent-astral/main?import=true&embed=1
Size: 1.38 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # 🌏 Spectral Astral - An Order Processing Solution 

![](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)

![](https://img.shields.io/badge/SQLite-07405E?style=for-the-badge&logo=sqlite&logoColor=white)

![](https://img.shields.io/badge/Prisma-3982CE?style=for-the-badge&logo=Prisma&logoColor=white)

![](https://img.shields.io/badge/GraphQL-E434AA?style=for-the-badge&logo=graphql&logoColor=white)

![](https://img.shields.io/badge/eslint-3A33D1?style=for-the-badge&logo=eslint&logoColor=white)

![](https://img.shields.io/badge/prettier-1A2C34?style=for-the-badge&logo=prettier&logoColor=F7BA3E)

Welcome to Spectral Astral, a web solution to speed up order processing in small and medium goods trading warehouses in Malaysia with [Prisma](https://www.prisma.io/), [NextJS](https://nextjs.org/), [GraphQl-Yoga](https://the-guild.dev/graphql/yoga-server) and [SQLite](https://www.sqlite.org/index.html) database. The UI for the page is powered by [Tailwind CSS](https://tailwindcss.com/) and [Chakra UI](https://v2.chakra-ui.com/).

The project aims to speed up order processing which traditionally done on paper by salesman where a lot of writing is involved. By digitalizing the company product catalogue and order creation, it saves time and effort to handle customers order and it improve the efficiency of business. Moreover, it serves as the foundation to embrace a more advanced digital adoption across business such as e-invoice generation, logistic planning and warehouse optimization.

**Table of Contents:**

- [Getting Started ⚡](#getting-started-)

- [Live Demo ✨](#live-demo-)

- [Demonstration 💫](#demonstration-)

- [CRUD 🔨](#crud-)

- [Progress 🪫](#progress-)

  - [System Gen 1.0 Roadmap](#system-gen-10-roadmap)

  - [System Gen 2.0 Raodmap](#system-gen-20-raodmap)

- [License 💳](#license-)

- [Inspiration 💡](#inspiration-)

## Getting Started ⚡

After Git clonning,

```bash

npm run dev

```

You can also use my script for fast deployement, make sure your Prisma is configured first:

```bash

./npm_auto.sh

```

## Live Demo ✨

https://codesandbox.io/p/github/keanteng/serpent-astral/main?import=true&embed=1

The demo will be run on sandbox local server and it will take time to start up. Once started, go to port 3000 to view the page.

## Demonstration 💫

![alt text](public/readme/image-2.png)

![alt text](public/readme/image-3.png)

![alt text](public/readme/image-5.png)

![alt text](public/readme/image-4.png)

## CRUD 🔨

Here's how the CRUD process works, basicallt it involves several layers of communication. I choose GraphQl-Yoga as it is much easier to set up.

![alt text](public/readme/image-1.png)

## Progress 🪫

### System Gen 1.0 Roadmap

Performs CRUD on employees data. The UIs includes features such as pagination, items per page, drawers and also data post-CRUD data refresh. There are a lot of learnings in this stage from planning to designing until deployment. It's never easy for such a massive project.

### System Gen 2.0 Raodmap

Order creation, simple order setup. Search and query optimization. 

## License 💳

[![License: GPL v3](https://img.shields.io/badge/License-GPLv3-blue.svg)](https://www.gnu.org/licenses/gpl-3.0)

## Inspiration 💡

The project aims to study the inventory management system 😆. I am quite inspired by Manhwa with all the overpowered system, so I kinda bring their concepts to create this shop.