My team page

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

• Table of Contents
• Overview
  • Desktop
  • Mobile
  • Built With
• Features
• How To Use
• learned/improved
• Acknowledgements
• Contact

Overview

Desktop

Mobile

Built With

Base

• HTML
• CSS
• Node.js：18.17.1
• Vite：4.4.9

※The npm library was only used for syntax checking and formatting.

Features

This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user stories.

• User story: I can see a page following the given design

How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
git clone https://github.com/h-yoshikawa44/ch-my-team-page.git
or
git clone git@github.com:h-yoshikawa44/ch-my-team-page.git

# Install dependencies
npm install

# Run the Vite
npm run dev

learned/improved

• Now I know how to use :nth-child.

Acknowledgements

• HTML5＆CSS3 デザイン　現場の新標準ガイド【第２版】 ※book

Contact

• Website：h-yoshikawa44.com
• GitHub：@h-yoshikawa44
• Twitter：@yoshi44_lion