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.
https://crittertails.herokuapp.com/
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".
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...).
This project is covered under the MIT License.
- 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)
- Apollo GraphQL/Mongoose (resolvers, typeDefs)
- React (SingleTail page, CommentList, CommentForm, NoMatch)
- Database seeds
- App Logo
- icons
- Apollo GraphQL/Mongoose (models, typeDefs)
- React (TailForm, CommentForm)
- CSS/Bootstrap CSS (PetProfile, Home, PetCard, TailList, Header, Nav)
- CSS/Bootstrap CSS (Home, Login, Signup)