https://github.com/davidf1000/workshophme-website

WorkshopHME template webapps developed using Nestjs, typescript, prisma, posgresql in the backend and react, typescript, apollo, redux, and tailwind in the frontend.
https://github.com/davidf1000/workshophme-website

apollo graphql nestjs posgresql prisma react tailwindcss typescript

Last synced: 5 days ago
JSON representation

WorkshopHME template webapps developed using Nestjs, typescript, prisma, posgresql in the backend and react, typescript, apollo, redux, and tailwind in the frontend.

• Host: GitHub
• URL: https://github.com/davidf1000/workshophme-website
• Owner: davidf1000
• Created: 2022-06-17T13:31:20.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-07-05T21:37:39.000Z (over 2 years ago)
• Last Synced: 2024-11-12T16:39:42.190Z (2 months ago)
• Topics: apollo, graphql, nestjs, posgresql, prisma, react, tailwindcss, typescript
• Language: TypeScript
• Homepage:
• Size: 32.7 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Workshop HME Website

Workshop is a division under the Himpunan Mahasiswa Elektro ITB (HME ITB) which focuses on practical electronics including tool renting, electronic component shop, project freelance, and research in the IT and electronics fields.




## Development Status

This project is currently in active development, to view the current state of the website :




https://workshophme.com

## Tech Stacks

### Front End

- ReactJS (CRA)

- Typescript

- TailwindCSS

- Apollo Client

### Back End

- NestJS (Express)

- Typescript

- PostgreSQL

- Prisma

- GraphQL

- Passport (JWT)

## Features

### Home Page

![](https://github.com/davidf1000/workshophme-website/blob/master/docs/gif/landing.gif)

Gives information about WS HME, who we are, what services we provide including tools renting form, electronic kit product listing, and technical article.

![](https://github.com/davidf1000/workshophme-website/blob/master/docs/gif/rent.gif)

User could use the rent form to book a renting appointment by filling user data, rent time range, and list of tools. There's renting guide modal that gives detailed information on how to use our renting services.

### Admin Dashboard

![](https://github.com/davidf1000/workshophme-website/blob/master/docs/gif/admindashboard.gif)

Admin dashboard is CMS (Content Management Service) intended for internal use (Workshop Crew) to manage tools, article published, product list, and to track tools that are currently being rented.

## Build and Deployment

For frontend, to develop :

```bash

    npm run start

```

use the .env example




to build:

```bash

    npm run build

```

For Backend, to develop :

```bash

    npm run dev

```

this script consist of prisma generate, nest start, and type generator (watchmode) ran concurrently.




use the .env example




To build :

```bash

    npm run build

```

To migrate db using prisma :

```bash

    npx prisma db push

```

To seed :

```bash

   npx prisma db seed

```