ReactJS NetherlandBunnies.com Frontend

(Github for NodeJS backend for this project found here)

A fully responsive frontend for Netherland Rabbits sales website, where users can see an up-to-date listing of available Netherland Dwarf rabbits for sale, find out more about the purchasing process, and fill out a contact form for more information.

Technologies and packages used on frontend

• ReactJS
• Mostly vanilla CSS
• Vivus for SVG path animation on custom SVG
• React-router-dom and Redux, (just cause)
• Various packages for card animations and transitions

Details on the backend

• NodeJS backend serving REST API for inventory queries and contact forms
• Sendgrid nodemailer implementation used to forward inquries through email to website operator
• Website inventory on backend is fed from a Google Sheet
  • Provided through google-spreadsheet package
  • This makes editing of the website inventory instantaneous and trivial for the layperson

Both the frontend and backend have been deployed to a Digital Ocean droplet

Todo:

• Refactor CSS into concerns better
• Utilize lazy to split packages up