walcron logo

Welcome to  Walcron  Coorperation

This is a sandbox website for us to explore Web Development.

We're just a regular coder who are keen to explore with Web technologies.
But I guess it's nice to explain"How we built this website"

LET US SHOW YOU
HOW THIS SITE IS BUILT
Scroll for more

Test Driven Development

Test are written before the implementation(¯\_(ツ)_/¯). Old components were written with new testcases for full code coverage.

Functional test is implemented rather than snapshot for React! (only html header and canvases)

It's an end-to-end 100% code coverage.

View Test Coverage
Test Driven Development

Github Pull Request

All new commits MUST HAVE to go thru a "pull request" -> "100% validated"

New commits have only 2 branches, master and develop to fit in Continous Integration methodology.

View Merged Request
Github Pull Request

Github Workflow

During the pull-request, a verification is carried out in order:

  1. Linting, Prettifier.
  2. Type check build with NextJS.
  3. Code test with coverage.
  4. Publish code coverage for README tagging.
  5. Validate previous vs latest User-Interface change.
View Workflow Def.
Github Workflow

Testing Deployment

A hook was created in Vercel, that automatically build and deploy a development environment version for every new commit.

Testing Deployment

UI/UX Validation

A better alternative than code Snapshot sampling.

  1. A playwright script is written to generate reports on latest UI changes, which will then run thru an approval workflow.
  2. Implemented an auto approval workflow, that autofixes the snapshots and revalidate the pull-request again.
View Workflow Def.
UI/UX Validation

Going Live

Only commits that passes all checks can be approved and merged!

Once merged, it's automatically pushed into master and publishes to https://www.walcron.com

Going Live

Periodic Security Checks

Github code security are Enabled within the project to ensure the project quality is great.

View Security
Periodic Security Checks

Periodic Security Checks

This website is powered with: Next.JS with Typescript on Vercel