Solution for a challenge from Devchallenges.io.
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.
- Passing Data to child components
- Loops inside JSX for making HTML Elements
- Got to know about 'dangerouslySetInnerHTML' in React.
- Applying CSS on first-child
- 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.
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
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
- Website Shivaansh Agarwal
- GitHub @Shivaansh-Agarwal
- Twitter @Shivansh_97