has more
Loading Shell command...

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.

Only 1 SNAPSHOT test were ever taken for React! (yes it's for html header)

It's an end-to-end 100% code 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.

Github Pull Request

Github Workflow

During the pull-request, an automatically 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.
Github Workflow

Testing Deployment

A hook was created in vercel, and it automatically builds and deploy a development environment version for every new commit.

Testing Deployment

UI/UX Validation

A better alternative than code Snapshot sampling.

  1. Playwright script is written to capture different mobile and desktop layouts with different simulated user interactions.
  2. A report will be generated to compare against the previous version layout, it will then run thru an approval workflow.
UI/UX Validation

Going Live

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

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

Going Live

Video About Us

Contact Us

If you are interested to talk to us, leave us your contact. Let us reach you instead.
This website is powered with: Next.JS with Typescript on Vercel
,
Initializing...