Skip to content

Latest commit

 

History

History
46 lines (25 loc) · 2.19 KB

README.md

File metadata and controls

46 lines (25 loc) · 2.19 KB

family_function_JS-Rails

About

Mod 4 Project for the Flatiron School. Family function is a SPA built on Rails(API), JS, HTML, and CSS. Family Function is designed to act as a virtual family chores list. The app gives households the ability to view the status of all chores(incomplete, complete), as well as the ability to complete,reset, or delete chores.

Moviation

For my first fullstack webapp, I tried to think of an idea that actually solves a problem and could be built in a week. A problem I have recently encoutered in my life, was coorinating chores with my partner, Steph. She is in grad school and working while I'm in coding bootcamp. We were having a hard time keeping up with school, keeping up house hold chores and taking care of our two furry little princes. And the cats can't really help with chores.

image of cat cleaning

We got a whiteboard calender for the fridge and it was life changing. Suddenly those chore charts, my mom made me use when I was kid, made sense and familyFunction was born.

Code Example

Custom rendering data of associated model with a Serializer

Create serializer in 'services' folder

house hold serialer

Add new instances of serializer to controller methods

house hold controller

Check server for custom data rendering result

custom db table

Now when a instance of houseHold is fetched the associated chores are useable even though the house doesn't keep track of the chores that BELONG to them.

JavaScript

Template to work through add JavaScript features

js flow

Demo

Project Blog

Finishing the App

Thank you checking out my app!

freshprince