mathewbishop/project_3

Follow - A Pet Information Resource App

Follow - A Pet Information Resource App

Description

This is a mobile first web app designed to allow users to keep their pets information in one location.

This App:

• Saves Pet details
• Allows users to add reminders
• Allows users to add pet specific contacts
• Provides basic first aide information with an easy search button for the nearest pet hospitals

Problem:

Create a marketable app that uses ReactJS, Express, NodeJS, MongoDB, and two additional resources. Also it should use the POST and GET methods.

Solution:

• Additional Resources:
  • ReactStrap
  • Google Autocomplete API
  • react-google-maps-loader
  • react-google-places-suggest

Heroku Link

https://follow3.herokuapp.com

Image Credits

Dog on Path - Christal Yuen

Sleeping Dog - Christian Domingues

Dog & Cat - Krista Mangulso

Authors

Callie Hart (https://calliehart.github.io/)

Mathew Bishop (https://mathewbishop.com/)

Jordan Beaman (https://jbeaman7.github.io/Portfolio/)

project_3's Issues

Build "Emergency" View

Researching Reminders Page - Jordan

• research push notifications for web apps
• research possible apis for sms (textbelt) or emails (email.js)
• how to incorporate date and repeating
• figure out classifications of Tasks section (i.e. give medication, call vet, grooming, etc )
• how to associate task with 1 or more pets

Build "Account Management Menu" Component

Create React App

Run create-react-app to create the front end portion of the application.

Build "Contact" View

Build Navigation Routes

HTTP Routes to navigate the Views.

Make Mobile Responsive

Build Log-In Page

Build Navigation Component

POST Route for Pet Data

Route to post/add new pet data.

Create Wireframes

• Create initial wireframes

Database Design and Implementation

Design database schema and set up the database.

Clickable Pet cards that route to PetProfile

Each pet card on PetHome should be clickable and route to another page which displays all pet info.

Set Up Authentication

Coordinate this setup for both sides of app.

Build Navbar

• Build Navbar component

Build Basic Pages/Component Structure

• Build Pages Folder and blank pages
• Build Components Folder and blank components

Build Bottom Menu Component

• Build Menu Component
• Add functionality
• add it to the app.js render

Build The Server

Code the basic Node/Express server.

Add Data Sharing via Email or Text

Competitive/Market Analysis

• See what else is out there
• note strengths and weaknesses

Build "Reminders" View

GET Route for Pet Data

Get route to pull user specific pet data.

Researching the Emergency page

• map
• geolocation

Build "Pets" View