samboosa5k / Hipster_Coffee_Site

A reworked project from a hackathon, now done in React

Hipster Coffee Site

A reworked project from a hackathon, now done in React

Process

• Make skeleton components with text
• Setup routing/verify it's working
• Make smaller subcomponents
• Add actual content
• Add actual styling
• Optimization:

Split code into chunks (code-splitting) separating bundle chunks/vendors etc.

• Deploy:

Made special adjustments to deploy on GH-pages subfolder

Installation

Run this:

npm i

Build

Run this:

npm run build

Dist

Open this:

dist/index.html

Acknowledgments

• Tim Givois - Original tutorial used to setup a react project from scratch
• Tomasz Kajtoch - Guide on code splitting
• Muffin Man - Deploying react to subfolder
• PurpleBooth - Original template for Git readme files