magmesser/pawsandwhiskers

This application allows pet shelter owners to upload pets in need of homes and delete adopted pets, as well as allows prospective pet owners to view available pets in various filtered views. Application uses a Node.js and Express.js back end, uses Handlebars.js as the template engine and is backed by a MySQL database with Sequelize and user auth.

Paws and Whiskers

Badges

Description

🔮 This application serves as a pet adoption website for prospective pet owners to browse available cats and dogs. We wanted to provide an interactive application for users to view a gallery of all pets, view by only cats and only dogs, and a single detailed view of each pet.

Elevator Pitch

Our team can offer your nonprofit organization a clean looking website that showcases the dogs or cats you have up for adoption. Your clients will be able to get the information they need on your available pets as well as see a picture of their newest furry friend. Your staff will easily be able to add new pets to the website as your shelter continues to do the wonderful work of rescuing these pets.

User Story

AS A pet shelter owner
I WANT to be able to upload cats and dogs in need of homes and delete adopted pets
SO THAT prospective pet owners can chose a pet to adopt.

📚 Table of Contents

• 🔧 Installation
• 🎢 Usage
• 🚧 Contribution
• 🔑 License
• ❓ Questions

Technologies Used

🔧 JavaScript ES6+, CSS3, HTML5, SQL, MySQL2, Express, Node, Handlebars, Tailwinds, Bootstrap, Sequelize, API

Usage

🎢 See screenshots below:

Landing page - Login or Sign Up via forms Home Nav Link - View all pets Click on Individual Pet - View single cat or dog; Go back to homepage Dogs Nav Link - View only dogs Cats Nav Link - View only cats Manage Nav Link - Add pets via Post New Pet Forms or Delete pets via Delete button New pet added to database with Coming Soon Image Confirm Delete prompt to delete from database

Future Development

• Filter: We would like to add a filter option to refine the available pets by size, age, and breed.
• Photo Uploader and Data: We would like to add the pet photos via image uploader and add to the database instead of housed in the file structure.
• Auth: We would like to add auth helper for admin permissions to post/delete.
• Chat: We would like to provide a live chat for consultation.
• UX/UI: We would like to further improve the UX/UI design.

Contribution

🚧 Group 6:

• Maggie Messer: Maggie's GitHub
• Eliot Crandall: Eliot's GitHub
• Jean Santiago: Jean's GitHub
• Nicole Fallis: Nicole's GitHub

License

🔑 This application is covered under the MIT license.
Find out more here: https://choosealicense.com/licenses/mit/

Questions

✨ Deployed Application Link: https://pawsandwhiskers.herokuapp.com/
❗ Repository Link: https://github.com/magmesser/pawsandwhiskers
🎥 Project Presentation Link: Google Slides Presentation

pawsandwhiskers's Issues

delete button throwing error

can be moved to future dev if needed.

CSS updates

CSS of nav bar links

Set up Dog Database Model

delete button on admin page

Create auth.js in utils folder

req.session save admin

API Routes: create /api index.js file

create profile.handlebars - form for new pet

Set up Cat Database Seed Data and Images (6 cats)

submit project on bootcamp

update readme

Create login.js and logout.js files in public folder

Set up Cat Database Model

debug cannot get profile

Set up User Database Model

home-routes/ pets/dogs/:id and pets/cats/:id not currently working

Controller Routes: create /controller index.js file & home-routes.js

creating framework to match our wireframe for home/login pages

Set up User Database Seed Data (2 users)

Research and decide on implementation of filter or search criteria

create project presentation

Create /seeds/index.js file

Create base style.css (in public folder)

https://tailwindui.com/documentation

navbar: home button to /pets and style logout button

Stretch Goal: Add additional search criteria/filters

Handlebars - create partials and homepage.handlebars

Partials: possibly pet.handlebars or dog.hb , cat.hb

match the title to the presentation font

comment and clean up-format files

delete excess branches

Future Dev: live chat 24hr service for Premium members

sign up button produces bad request alert

Create admin account with ability to post (and delete)?

debugging

randomize homepage display

readme

single-pet (cat and dog) increase image size and change LOGIN nav to LOGOUT

add show forms for admin.handlebars

signup form - change input filed title from name to username

single-pet.handlesbars needs work -- links from the pet image

click to hide forms again on admin page

stretch goal

Set up Dog Database Seed Data and Images (6 dogs)

Handlebars create main.handlebars

Add get by id route to home-routes.js

cat and dog delete route produces 500 internal server error

• create routs for dog and cat both successful

limit age to positive values only

stretch goal

Create the Connection.js and Server.js files

deploy to heroku

cat form dog form

API Routes: create /api other routes.js files (dog-routes, cat-routes, user-routes)

dog-routes and cat-routes should be similar