🍡Session 8: Create a "Collection" Website

Make a microsite showcasing a list or group of things

Event Link:

Tonight's Goal

Create a minimal website featuring a collection

Getting something running

Pre-requisites

  1. Basic HTML, CSS, and JavaScript experience

How to get started

  1. Pick your favorite starter stack

  1. Click "Import from GitHub" and connect your GitHub account

  2. Wait for the project to load

  1. Edit your code and see it render live

Pick a theme

What would you like to share via your website?

Inspiration

Places to Eat or Visit

Design Assets

Art & Design Galleries

Misc.

Decide how to share your collection

Lists

This is the simplest way

Data Tables

Grids

CSS and many layout frameworks include grid systems. Learn more here

How to deploy your website to the web

First, save your project from Code Sandbox into GitHub by creating a PR.

Next, you'll need to find a way server your GitHub repository to the web. A couple free services are available:

Last updated