Giter Club home page Giter Club logo

critter's Introduction

CritterTails

Screenshot of CritterTails homepage

Description

CritterTails is a social media app for pet lovers to create accounts for their pets so their "pets" can share their musings with the world.

License: MIT


Table of Contents


Website

https://crittertails.herokuapp.com/


Built With

React Redux GraphQL Apollo GraphQL MongoDB JavaScript node.js Bootstrap

Back to Contents


Installation

To install the PWA, click the install icon in the right side of the address bar on desktop, or use your mobile device's installation method. For example, on Chrome for Android, open the menu in the top right of the page and click "Add to Home" or "Install".

Back to Contents


Usage

To use CritterTails, sign your pet up first. Then you can change your pet's default image on their profile page. Then use the form on your pet's profile page to add your pet's latest "Tail". Click on a tail on a user's profile page or the home page, and you can comment as well. Use the search bar to filter the latest Tails by pet name. Use the dropdown menu on the home page to filter the list of pet users by pet type (dog, cat, etc...).

Back to Contents


License

This project is covered under the MIT License.

Back to Contents


Contributors



Craig Bennett

  • React (all pages and components, hooks)
  • React-Bootstrap
  • React Router
  • IndexedDb
  • PWA
  • Redux (all state)
  • Front End Apollo GraphQL Queries and Mutations
  • Image uploading
  • Deployment (Heroku)

Craig5117



Adam Crandall

  • Apollo GraphQL/Mongoose (resolvers, typeDefs)
  • React (SingleTail page, CommentList, CommentForm, NoMatch)
  • Database seeds
  • App Logo
  • icons

fancibleunicorn



Dylan Tipton

  • Apollo GraphQL/Mongoose (models, typeDefs)
  • React (TailForm, CommentForm)

tiptondt1998



Jessica Jensen

  • CSS/Bootstrap CSS (PetProfile, Home, PetCard, TailList, Header, Nav)

jrjensen14



Bruce Anthony II

  • CSS/Bootstrap CSS (Home, Login, Signup)

bruceanthonyii



Back to Contents


Acknowledgements

Back to Contents

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.