Catalogue Recipe of Meals made with REACT from UI,REDUX Store to Manage information data , API Request with JSON response and everything deployed on Heroku
This is a application to save and organize recipes filtering by name and types
- Html,Css,JavaScript
- ReactJS
- Redux
- React Router
- React Hooks
- axios Http request
- Heroku Deploy
- API Request
- Bootstrap CDN
- Axios Http Requests
- ReactPlayer npm package
This aplication is a Web Single Page made with React JS,Redux and heroku using visual studio Code like developer framework.
this page wants to show a list of recipes of delicius meals and show it in a friendly and nicely User interface
- npm version 6.14.4
- Visual Studio Code
- Ubuntu OS or Linux distribution
- Heroku account
To use this project on your computer you first need to copy or download this repository on your computer . after downloading the repository we need to run this commands:
To install npm dependencies with
npm install
PropTypes npm library:
npm i -S prop-types
React testing library:
npm install --save-dev @testing-library/react
npm install eslint eslint-config-airbnb --save-dev
npm install --save react-router-dom
after you will need to enter to Stickler Page and activate your repository.
To Run the Linter files you will need to run this commands on the terminal :
npm install eslint eslint-config-airbnb --save-dev
npx eslint --init
if you finish of install all npm dependencies we can run npm test
to check that the tests work correctly.
if wvwrything goes well, we can run now npm run start
to start the live view from the project on http://localhost:3000
Deploy to Heroku with CLI
git add .
git commit -m "Start with create-react-app"
git push heroku master
you need to change the $BRANCH_NAME, by your working branch.
git push heroku $BRANCH_NAME:master
heroku open
Deploy made with :
https://github.com/mars/create-react-app-buildpack
On this project we are going to use React Testing Library to run the tests.
React Testing Library does not require any configuration to be used (React Testing Library does not require that you use Jest).
Global Config
Adding options to your global test config can simplify the setup and teardown of tests in individual files.
to install this library test we need to run this command on terminal folder
npm install --save-dev @testing-library/dom
To run the test created we only need to run this command:
npm test
👤 Cristian Ines Hernandez A. - MephistoDevelop
- Github: @MephistoDevelop
- Twitter: @MephistoDevelop
- Linkedin: Cristian Hernandez
Contributions, issues and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
This project is MIT licensed.