Skip to content

AliesTaha/DogSitter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

74 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Dog-Sitter: A Hack The North Website

Click here to visit the Hack The North Link

This is a web app that brings people together so that we can all enjoy our furry little companions when we need them most. If you're going away for the weekend and are having a hard time finding a pet sitter then you're looking in all the wrong places but TONS of people would be jump at the chance to take care of your cute little pups for a couple of days! And if you are looking to make a new friend, look no further - there are many to be found on this website.

The web application deals with client and server side, and uses big stack approach. Our web app is primariy a react app on the front end and we used a combination of individual programming and extreme programming when we hit walls. The app also implements authentication for users, which is implemented using JWT authentication. The website allows the users to create an account, sign up / login, create a profile picture and background picture. It also allows users to connect with each other, follow and unfollow each other, post pictures of both themselves and their dogs, and choose to either dogsit or request someone to dogsit for them! Ruby on rails and SQLite run the back end and so with a team of four we had two people manning the keyboards for the front end and the other two working diligently on the backend.

Table of Contents

Technologies

Back to table of contents

Languages

Back to table of contents

Functionality

Dogs

The feed is created by appending all the dogs in the database, then ordering the posts using the timestamps so that the most recent post in on top.
Back to table of contents

People

The feed is created by appending all the users in the database, then ordering the posts using the timestamps so that the most recent post in on top. This shows each user the people they're searching for, whether pet-owners or dog-sitters.
Back to table of contents

Person

This acts as a profile page, which simply shows the details about the user. This shows if the user is a dog-sitter or has a dog themselves, and information both about the person and the pet.
Back to table of contents

Login

Logging in simply checks if the user exists in the databse. If so, it checks if the passwords match. If so, then they can move on their own home page. Logging out simply clears the memory of the browser such that the user has to log back in, either with the same credentials or a different one.
Back to table of contents

Registration

Signing up adds the new user to the database, and gives them the default profile and background image. It checks to see if passwords match, and checks if the user already exists in the database before doing so.
Back to table of contents

Chat

The chat is going to be implemented soon, with the goal of allowing users to talk to each other.
Back to table of contents

Installation

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

yarn start

Runs the app in the development mode.
Open http:https://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

yarn test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

yarn build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

yarn eject

Note: this is a one-way operation. Once you eject, you can't go back!

If you aren't satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.

You don't have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

Code Splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

Analyzing the Bundle Size

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Making a Progressive Web App

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Advanced Configuration

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

Deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

yarn build fails to minify



Back to table of contents