Hey, nice to meet you. This application is a plant simulator. Here the user can choose an ideal plant, based on three questions:

• Sun quantity
• Watering frequency
• Presence of animals

After reply to these questions, we gonna show a list based on questions. Our client can choose one plant and made a solicitation using a form in the last step.

Running the project

git clone https://github.com/PatricSPires/greenthumb
cd greenthumb
yarn install
yarn start

Basic project structure

src/
├─ App.js
├─ assets/
│   ├─ icons/
│   ├─ illustrations/
│   └─ logo/
├─ components/
├─ index.js
├─ pages/
├─ routes.js
├─ services/
├─ shared/
├─ store/
│   ├─ index.js
│   └─ modules/
│       ├─ rootReducer.js
└─ styles/

About project definitions

To build this project I choose to use the reactJs because is a lib that I start to study a few months ago. To style the application I choose to use styled-components because it is an easy way to create components, change style based on props and a lot of stuff, this is a powerful lib. I was afraid when my coworkers talk about the Redux, so, to handle the state here I start to use and it's opened my mind and I see that wasn't a big monster. I used to the feature branch to organize the git and used to the Karma Commit to semantics commits, you can check some Pull requests and commits here I describe what I do and try explaining to the team about de feature:

• Pull requests:

  • Creating Routes
  • Redux implementation

• Commits:

  • Using karma

Deploy informations

Here you can see the deploy status

To deploy this application I choose the Netlify and you can check bellow the build information.

Author

Patric Pires