Classic Cheescake Recipe Page

Solution for a challenge from Devchallenges.io.

Demo | Challenge

Table of Contents

• Overview
  • Built With
• Features
• How to use
• Acknowledgements

Overview

Introduce your projects by taking a screenshot or a gif. Try to tell visitors a story about your project by answering:

• What was your experience?
  • a little bit struggle to style list and checkbox ahaha
• What have you learned/improved?
  • learning how to style list/checkbox
  • improving my responsive skill using clamp for typography and flex
• Your wisdom? :)
  • be patient to tidy up the list

Built With

• HTML
• CSS
• Google Material Icon

Features

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

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/your-user-name/your-project-name

# Install dependencies
$ npm install

# Run the app
$ npm start

Acknowledgements

• Custom Checkbox CSS | Styling Checkbox | Pure CSS Tutorial
• Styling ordered list numbers