Minimal Blog Card

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：20.9.0
• Vite：5.0.7

Other major libraries

• Lightning CSS

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.

• Create a card component that matches the given design.
• Use HTML to create the basic structure.
• Use CSS to style the card.

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-minimal-blog-card.git
# or
git clone git@github.com:h-yoshikawa44/ch-minimal-blog-card.git

# Install dependencies
npm install

# Run the Vite
npm run dev

learned/improved

• I now understand the flow of the new devchallenges.
• Although it was a simple assignment, it also provided an opportunity to test the introduction of new technologies, such as
  • MarkupLint
  • Lightning CSS
  • nano-staged

Acknowledgements

• MarkupLint
• Lightning CSS

Contact

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