Skip to content

Adamant

Posted on:June 2, 2019 at 06:00 PM
View source code

Note: This project is no longer online because Heroku stopped supporting the free tier.

Motivation

I started this project because I wanted to gain experience with API-driven applications with React for the front-end. Every piece of data is requested from a GraphQL API which I deployed to another Heroku instance. This data is then displayed in the UI.

I also wanted to try NextJS. NextJS allowed me to render some pieces of the application on the server before the page gets loaded in the browser. This prevents the page from being completely blank for a moment before the UI gets loaded if it were to be a client-side rendered application.

A confirmed order

Technologies

Some of the technologies used to make this project:

The cart

Process

This project was originally a course project from Advanced React by Wes Bos.

I then adapted the project such that it was more my own project by adding features and changing the design.

The store homepage

The project is hosted for free, so it might take a minute to load all the products.