This project was completed as part of University of Arizona Full-Stack Web Development Bootcamp to demonstrate understanding of: MERN stack architecture (MongoDB, Express, React, Node.js), user authentication with Passport.js/bcrypt, RESTful API design, React component architecture, state management, responsive design with Material-UI and Bootstrap, and team collaboration using Git workflow.
Status: Archived - No longer under active development
Purpose: Portfolio demonstration of full-stack MERN application development and team collaboration
Completed: January 2021
Team Members: Brandt Fricker, Theresa Grier, Alan Huynh, and Alex Nieves
- Description
- User Story
- Usage
- Technology
- Installation
- Images / Demo Video
- License
- Questions / Contact Details
This app is for pet owners and their pets. It is intended to assist pet owners in locating services, connecting with other pet owners, and facilitating pet socialization (think dog parks and doggy daycares).
As a pet owner, I want to find the local dog park(s) and local businesses that offer services I need to care for my pet. I also want to be able to connect with other pet owners or search for a new doggy brother or sister to adopt in the future.
This is a full-stack MERN application featuring:
- User authentication and registration
- Pet profile creation and management
- Location-based search for pet services (parks, daycares, veterinarians)
- Social features for connecting with other pet owners
- Pet photo sharing gallery
- Responsive design for mobile and desktop use
- CSS (40.9%) - Custom styling
- JavaScript (38.9%) - Application logic and React components
- SCSS (19.0%) - Advanced styling with preprocessor
- HTML (1.2%) - Structure and interface
- MongoDB - NoSQL database
- Express.js - Backend web framework
- React - Frontend library for UI components
- Node.js - Server-side runtime environment
- Passport.js / bcrypt - User authentication and password hashing
- Material-UI - React component library
- Bootstrap - CSS framework for responsive design
- MongoDB Atlas - Cloud database hosting
- Socket.io - Real-time communication (planned feature)
To run this project locally:
# Clone the repository
git clone [repository-url]
# Install dependencies
npm install
# Run the application in development mode
npm startNote: This project is no longer deployed but can be run locally for demonstration purposes.
Copyright (c) 2021; Brandt Fricker, Theresa Grier, Alan Huynh, and Alex Nieves.
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Theresa Grier
GitHub: TreeGee73
Brandt Fricker
GitHub: brandt-fricker
Alan Huynh
GitHub: alanhuynh1021
Alex Nieves
GitHub: ajsnow56
Note: This project was a collaborative team effort demonstrating full MERN stack development including database design, RESTful API implementation, React frontend architecture, and user authentication systems.