This project has been completely refactored to utilize OOP coding practices and has been expanded for additional functionality. (Plus it's also much cuter now.)
index.js renders PetCard instances. A PetCard can render a Modal instance onClick which renders petData as passed from PetCard, and performs a GET request for petDates. We iterate through this data to instantiate PetDates which are then rendered onto Modal. PetDates have full CRUD capability, which PetCards have Create, Read and Delete functionality.
========
Go here to view project demo: https://youtu.be/uolpe_CaOec
Pet Dates is pet date scheduler app that allows the user to add a new pet, peruse a list of current pet clients, and view, save, update and delete pet dates.
We created this app with the following:
- Set up Javascript Front End and Ruby on Rails API
- Implemented vanilla JS for fetches, event listeners and other DOM manipulation
- Handled serializers on Rails back end to access/manage data
- Used vanilla CSS for all styling including overlays, modals, etc.
Background design from toptal: https://www.toptal.com/designers/subtlepatterns/tiny-squares-pattern/
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent