oldtimerza / blade-express

A simple website made in nextJS with docker and circle ci for CD.

blade-express

A simple website being built to explore Next.JS, circle ci , digital ocean and Continuous delivery.

The website is deployed live on each commit and is available for vieweing here:

http://www.blade-express.co.za/

Order management system: https://dashboard.moltin.com/app

Content management system: https://app.flamelink.io/content

Firebase database: https://console.firebase.google.com/

Circle ci: https://circleci.com/gh/oldtimerza/workflows

Docker hub: https://cloud.docker.com/u/oldtimerza/repository/list

Digital Ocean: https://cloud.digitalocean.com/droplets?i=e404cf

DNS: https://clientzone.afrihost.com/en/login

blade-express's Issues

Switch off old droplet

Switch off the old droplet on DIgital ocean

Update DNS settings

Change DNS to piont to cluster load balancer IP

Add an item to the cart and display the cart.

Add the ability to add a visa to the cart and have a basic cart display with the item and total amount.

Setup SEO tags on site

Add static SEO meta tags to the site for now.

Add good proptypes to all components

Majority of the components are missing proptypes, these need to be added.

Setup Ingress on cluster and remove load balancers

This will require setting up the Ingress first then point the A record on the DNS to point to the Ingress and use it as the host name for routing rules Ingress resource.

Airport transfer request form send email.

Use the mailer microservice to send request form information.

Add docker image construction and pushing to circle ci kubernetes deployment settings

Improve overall styling

The styling of the site needs a rework. Contrasts are screwed and generally the site looks "unfinished" .

Move products onto Moltin to start setting up Order management.

Test coverage

A few of the components need tests, improve overall test coverage and write more meaningful tests.

Most popular visas on home page

Create and populate a list of most popular visas on the home page.

Loading icon

Replace the "Loading" message with a nice looking icon.

Courier request form send email

Use the mailer microservice to send request form information.

Create validation for courier form

The request quote form needs validation.
Should be a bit generic validation for future use on other forms.

Implement cypress e2e tests.

Create cypress e2e tests for main site functionality and add basic tests to start.

Cookie service

Create a service that could be used to store and retrieve cart id information.

Setup microservice for emailing request form information

Create an express js run api microservice that can handle form information and email it using nodemailer.
https://medium.com/the-couch/adding-a-contact-form-to-your-next-js-app-7a1b5f63f27

Loading indicator on cart async actions

Whenever the cart is updated the user should see some sort of loading icon to show that something is happening asynchronously.

create and style contact us form - courier

We need a contact us page that gets relevant information from the cms, has a map with the correct location and has a contact us form that saves data to the database.

Airport transfer content

The airport transfer page needs content from the cms and styling.

Footer needs to look more professional

The footer could do with some overlook, make it look neater and create actual links to various pages.

Switch to kubernetes

Move project from simple single vps deploy to a kubernestes cluster for future backend microservices.

Improve test coverage: Components.

Load cart from cookie id on page load.

If the cookies contain an id for a previous cart, then fetch that cart via the moltin-service on page load, so that the cart is correct between page changes.

Doesn't work, please fix.

Doesn't work, please fix.

Filter restyling

The filter on the visas page could do with a more modern restyle.

Improve test coverage: Services

Improve test coverage: Pages

Remove from cart

Remove a item from the cart

Courier page content

The courier page needs to be populated with information from the cms and styled.