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

https://github.com/awakelife93/express-design-system-boilerplate

design (theme, layout, component css) domain node server boilerplate
https://github.com/awakelife93/express-design-system-boilerplate

boilerplate clean-architecture docker docker-compose express expressjs layered-architecture mongo mongodb nodejs typeorm typescript

Last synced: 7 months ago
JSON representation

design (theme, layout, component css) domain node server boilerplate

Awesome Lists containing this project

README

          

# Express Design System Boilerplate

## React Client + React Admin + Gateway Server + API Server + Style Server

![Architecture](https://user-images.githubusercontent.com/20429356/158008003-23315066-bca4-402c-af4e-10d81a886ec7.png)

## Idea

#### Theme = It can have multiple styles, and it is given to the Client through Style.isActive management.

#### Style = An object that combines multiple layouts and components

#### Layout = It has CSS that acts as the top wrapper of the client.

#### Component = These are the component CSS objects that each theme should have.

## Client Repository

https://github.com/awakelife93/react-boilerplate

## Admin Repository

https://github.com/awakelife93/react-admin-boilerplate

## Gateway Server Repository

https://github.com/awakelife93/spring-boot-api-gateway

## API Server Repository

https://github.com/awakelife93/express-boilerplate

## [Note]

### Description

```
1. Common preprocessing and data checking is handled by middleware. (src/lib/middleware)
2. This project did not create a separate Dto.
3. All elements included in the design system indicate which theme they were made for by promising "\_\_" as a delimiter depending on the theme.
4. The default environment for build and code level is the localhost environment.
5. This project is oriented towards the Data Mapper pattern, not the Active Record pattern.
6. Test data setup is false by default. (config.isSetUpTestData)
```

## Author

```
2021.07.01
Author: Hyunwoo Park
```

## Getting Started

```
1. yarn install
2. yarn start
3. If you run it with docker compose Please check each container environment.
3-1. docker-compose.app.yml = Create and run only nodejs(express) container.
3-2. docker-compose.full.system.yml = Create and run each container for mongo, and nodejs(express)
3-3. Docker environment variables are managed and used in src/config.
```

#