Solution for a challenge from Devchallenges.io.
- HTML: HyperText Markup Language | MDN
- CSS: カスケーディングスタイルシート | MDN
- Node.js: 18.7.0
- Vite | 次世代フロントエンドツール: 3.0.7
- Sass: Syntactically Awesome Style Sheets: 1.54.8
This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the following user stories:
- User story: I can see a recipe with ingredients and instructions
- User story: I can select a checkbox if I have the ingredients
- User story: I can see the number of servings, baking times
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/r1cep/dev-challenges-recipe-page
# Install dependencies
$ pnpm i
# Run the app
$ pnpm dev
- Using a grid layout
- How to style the number of list
- GitHub @r1cep