Giter Club home page Giter Club logo

guardian_app's Introduction

Project Name: Guardian App

Background and Purpose

This project is designed as a CRM for a daycare provider. It allows the user to track not only Guardians (parents) and kids but also their activities with the children throughout the day. It also has a feature that allows the user to send a quick text message to the guardian if needed. The users are connected to the kids via a many to many relationship through the activities themselves.

Deliverables

Include a many to many relationship.

This is achieved between the Kids and Users through Activities.

Implement a minimum of 4 models.

The project contains 5 models. Activity, Guardian, Kid, Message, and User.

Implement a minimum of 5 client side routes using React router.

The project has 6 client side routes and several pop-up Modals in lieu of additional routes. Landing Page, Guardians, Guardian Profile, Kids, Kids Profile and a User Dashboard.

Implement password protection and authentication.

The project uses JWT tokens and Bcrypt Gem for a secure experience. If a user is not logged in and they attempt to interact with a protected resource they receive a message and are redirected to the home / sign in page.

Include full CRUD on at least 1 model, following REST conventions.

The project features full CRUD on both the Guardians and Kids models.

Implement validations and error handling.

There are validations on several of the models including the User model which checks for uniqueness and password min and max length. Errors are handled by custom messages and errors.full_messages via rescue blocks and are sent to user to be displayed in Toast notifications.

Implement something new not taught in the curriculum.

The following technologies not reviewed at Flatiron were used to produce Guardian App:

  • React Styled Components (No CSS libraries were used in this project!)
  • React Hook Forms
  • React Modals
  • RTK Query
  • Toastify
  • CSS loading Spinner
  • Twilio (Used to send a SMS message to Guardian, Credentials stored secured in Ruby yml)

Implement useContext or Redux.

Redux Tool Kit with Query was used to handle all state in the application.

Fully deploy and host your project.

Host is currently deployed as a mono-repo on Heroku. https://jsig-guardian-app.herokuapp.com/

guardian_app's People

Contributors

jsignature avatar ihollander avatar lizbur10 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

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

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

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

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

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

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.