https://github.com/zixiaowang/github-actions-test

Experimental projects for learning Github Actions/Workflows
https://github.com/zixiaowang/github-actions-test

Last synced: about 2 months ago
JSON representation

Experimental projects for learning Github Actions/Workflows

• Host: GitHub
• URL: https://github.com/zixiaowang/github-actions-test
• Owner: ZixiaoWang
• Created: 2020-02-10T10:23:16.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-12T01:47:59.000Z (about 2 years ago)
• Last Synced: 2023-03-10T00:03:13.002Z (almost 2 years ago)
• Language: TypeScript
• Size: 2.66 MB
• Stars: 0
• Watchers: 2
• Forks: 3
• Open Issues: 17
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## POC project

An experimental project with some **interesting** stuff

### Interesting stuff include

- Dependency Injection implementation in ReactJS

- Put Frontend & Backend in the same repo

- Server side rendering (SSR)

- Codebase reuse in SSR & CSR

- Protected routes

- Swagger Doc generation

- Simple Github Actions implementation

- Simple Unit test design (Jest based)

- Simple Integration test design (Jest based)

- Implemented Service Workers (Test site now is intallable🌼🌼)

### Quick start

```

    git clone 

    yarn install

    yarn start

```

### Server

```

    express

        .use(LoggerMiddleware)                          // to log every request in console

        .use(AuthMiddleware)                            // check if user has logged in

        .use('/api/v1', APIMiddleware)                  // expose RESTFul APIs to Client side

        .use('/csr', express.static(FRONTEND_DIR))      // "/csr" returns CSR code

        .use(NextMiddleware)                            // other routes return SSR code

        .listen(8080)

```

### Frontend routes (CSR)

```

http://localhost:8080/csr/#

    /Home

    /Posts

    /Posts/{postId}

    /Comments/{commentId}

    /Users/{UserId}

```

### TODO

- ~~Service workers inplementation~~

- ~~Integration test cases design~~