GitXplorerGitXplorer
S

recipe-page

public
1 stars
0 forks
0 issues

Commits

List of commits on branch main.
Unverified
7d6954e76d8bbfdf2698a383b52083082b625f52

fix: right-margin getting truncated when resizing screen

SShivaansh-Agarwal committed 4 years ago
Verified
eb179847149e2facf552d82e70439c1dcc5043c2

Update README.md

SShivaansh-Agarwal committed 4 years ago
Verified
d50e8b883ff716dfa443cefafe4cb448e12088fa

Update README.md

SShivaansh-Agarwal committed 4 years ago
Unverified
2a0fbb81c10139b7f5a38ea237382add9581d2da

Changes in Readme file and a few other fixes

SShivaansh-Agarwal committed 4 years ago
Unverified
7daabf83070e2e8b6bbf8cde3a6eef230f1cfde5

recipe page challenge on devChallenges.io

SShivaansh-Agarwal committed 4 years ago
Verified
87936d034f3adbfd938d0886d89463c147d36228

Update README.md

SShivaansh-Agarwal committed 4 years ago

README

The README file for this repository.

Recipe Challenge

Solution for a challenge from Devchallenges.io.

Table of Contents

Overview

This project was built using ReactJS, and is among one of the early projects on ReactJS. I learnt a lot of things while building this project and also enjoying ReactJs.

Things Learnt:

  • Passing Data to child components
  • Loops inside JSX for making HTML Elements
  • Got to know about 'dangerouslySetInnerHTML' in React.
  • Applying CSS on first-child

Queries & Questions which I need to figure out going forward:

  • Struggling with naming of CSS Classes. How the naming should be done? Tried my best to make the css file maintainable.
  • Would it be better while maintaining the project if we make different CSS files for different components?
  • How do I get my code reviewed to know what things I did incorrectly and could be improved.

Built With

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:

  • [x] User story: I can see a recipe with ingredients and instructions
  • [ ] User story: I can select a checkbox if I have the ingredients
  • [x] User story: I can see 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

Contact