Flower Time

A simple plants online store.

Inspiration

I wanted to learn how to make React.js web apps.

The app architecture/structure is mostly based on ideas I’ve seen in the Complete React Development course on Udemy.com and plants.com.

Development stack

• React.js
• React Router
• I used Firebase as my Database and user authentification.
• I used Stipe to process user payments and orders.
• I used git for version control, and stored progress on GitHub.
• Currently only tested on an iOS device

APIs

• Payment processing was implemented using Stripe (https://stripe.com/)

External packages

• [react-redux]
• [react-router-dom]
• [reselect]
• [styled-components]

Current progress

• App skeleton
• Basic UI prototype
• Create main page
• Create Log in and Sign in Forms and Page
• Create first actions, reducers
• Implement Firebase authentification
• Add products page
• Add cart page
• Implement Redux
• Implement Stripe payments
• Move data to Firebase
• Finish Stripe payments implementation
• Add Hooks
• Add GraphQL
• Implement Admin page
• Create more products
• Remove extra code and fix typos
• Add support for mobile devices

Running

Clone & install

• Clone this repo git@github.com:dieterhalosta/flower_time.git
• cd flower_time
• run npm install

API keys

• Get your API key from https://firebase.google.com/
• Get your API key from https://stripe.com/

License

Released under the MIT License.

Feedback

Feedback is always welcome. Feel free to contact me, I would love to know if you notice something that can be done better.