Plantastic is an app that intrgrates with hardware to automatically water plants.
You need TWO terminals for this.
The main important bit is that the React project has
proxy set to
localhost:3001 in the
package.json file. Take a look!
In one terminal, run
bundle to install the dependencies. Run
bin/rake db:setup to create the databases (called rails_project_development by default). Run
bin/rails s to run the server.
In the other terminal,
npm install. Rename the
.env.example file to be called
.env. Then run
npm start and go to
localhost:3000 in your browser.
In the browser, you can click on the button and see the data get loaded.
cd into the components directory and run the following commands
npx create-react-app style-with-styled-components
npm i styled-components
npm install styled-components --save