Giter Site home page Giter Site logo

shelter-manager's Introduction

JOURNEY'S SHELTER MANAGEMENT APPLICATION

Overview:

Our intended application offers management for shelters via animal and donation databases. Our product is valuable due to a strong and personable UI, and donation management feature, which competitors do not have.

User Stories:

As an intake person at a busy shelter, I want to be able to easily and efficiently input new animals into the system or update the system so that animal can be tracked through the intake process, and easily update the system when animals gets adopted.

As a user I would be able to log in to the system to see the shelter animals’ details.

Deployed at:

Journey App

Using the Application:

Sign Up/Log In

Users can sign up or sign in via AuthO from the welcome page:

Sign Up/Log In

Home Page

Users are then presented with cards of currenet shelter residents. Users can also search by animal if desired.

Home

Add Animal Page

Users can add new animals to the database:

Home

Added animals will then show up in a card on the main page.

Donations

Clicking on the Donation tab in the upper navbar opens a dropdown menu. Users may then select to use the material donation form to add donated supplies, the monetary donation form to add donated funds, or to view the shelter's current donations.

Technologies Used:

  • React
  • Mongoose
  • MongoDB
  • Express
  • AuthO
  • pdfkit npm package
  • React Bootstrap
  • Bootswatch

Team Member Roles:

  • Lynn Amsbury - UI/UX (Front End)
  • Bindhu Sivanand - UI/UX (Front End)
  • Sara Overby - Back End
  • Zoë Gonzales - Back End - Routes
  • Sarah Jaffe - Scrum Master/Project Manager, Backend - Front End if needed
  • Ben Zamora - Front and Back End

About This Boilerplate

This setup allows for a Node/Express/React app which can be easily deployed to Heroku.

The front-end React app will auto-reload as it's updated via webpack dev server, and the backend Express app will auto-reload independently with nodemon.

Starting the app locally

Start by installing front and backend dependencies. While in this directory, run the following command:

npm install

This should install node modules within the server and the client folder.

After both installations are complete, run the following command in your terminal:

npm start

Your app should now be running on http://localhost:3000. The Express server should intercept any AJAX requests from the client.

shelter-manager's People

Contributors

lynnamsbury avatar bindhu100 avatar zoe-gonzales avatar sarah-git avatar benzgithub avatar overbysara avatar

Stargazers

Mayank Jain avatar  avatar

Forkers

lynnamsbury

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.