Light

codexguajil / your-home Goto Github PK

View Code? Open in Web Editor NEW

This project forked from easbell/your-home

0.0 1.0 0.0 501 KB

CMMS style app for homebuilders

HTML 0.80% CSS 4.29% JavaScript 94.91%

your-home's Introduction

YourHome

An app for home builders to track everything that goes into a home. In order to easily pass this information on to homeowners.

Background

One of our project collaborators used to work at a small home builder in Denver, CO. One of her responsibilities was to put together a physical binder of all materials that went into any given home so that the homeowner would have all this information in one place. This process brought up two issues: 1. If the builder forgot an item / needed to adjust anything, there was no good way to go about giving the homeowner this new information. 2. If the homeowner misplaced this binder, the builder would have to reopen a closed account and regather all the information for the owner. This time consuming practice eats in to the builders budget on an already closed project. YourHome is here to fix these issues.

Future Iterations

Integrate OAuth for separate accounts.
Integrate the homeowner portal.
Add a place where homeowners can track any maintenance to their house. Such as replacing air filters, or having their furnace maintained.

Tech Stack

React / Redux / Router
Jest & Enzyme for testing
ant.design library
Thunk middleware
GraphQL

Screen Grabs

Set Up

git clone
npm install
npm test to run the test suite

your-home's People

Contributors

Watchers

your-home's Issues

Look at handleCreate in NewMaterial

Might deconstruct that function to debug the id juggling.

Cancel Materials Edit Button

Add a button that resets room materials modifications

elementType vs name

Clarify the distinction between the importance of these two names (and ids) for a room material.

And for the roomMaterials key inside the material key of each material within the array of room materials inside the roomMaterials key of each room. breathes

Add a Submit Materials Button

Add a button that submits the edits to the materials in the room and updates the materials display, without reset.

Add Labels

Add Labels to material names and types to distinguish between the two better
Add labels where necessary

Material Object Properties on Creation

The properties in a material from when it's been created to when it's fetched after click triggering 'view materials' are inconsistent. Lacks roomMaterials key inside of redux material object upon creation, which is needed for deletion as the roomMaterials key contains the key of the material object. Not to be confused with the id inside of the material key which is used for the material's key within redux. May consider refactor.

Material Delete Fade

Make material fade from side pane after confirmed deletion.

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.