Skip to content

Being a parent to small children comes with many challenges, having to worry about where you're going to change diapers when you're out of the house shouldn't be one of them. Dads and Diapers is an all for finding and rating public places based on the availability and condition of changing tables.

License

Notifications You must be signed in to change notification settings

LizLaffitte/dads-and-diapers-frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Dads and Diapers

A React application designed to help parents of young children find and review public places based on the availability of changing tables. Users can add locations, view reviews and leave reviews of their own. For each location, users are asked whether changing rooms are available in mens and women's rooms, and whether they are clean and in good working order.

Being a parent to small children comes with many challenges, having to worry about where you're going to change diapers when you're out of the house shouldn't be one of them.

Dads and Diapers was built from my husband's and my experience as first time parents. Whenever we ventured out of the house with our newborn, I could count on having to handle any dirty diapers because of the lack of changing tables in men's public restrooms. Dads and Diapers was created to serve as a tool for parents as well as a way to encourage greater availability of changing tables.

Frontend Repo | Backend Repo

Local Installation

These instructions will get you a copy of Dads and Diapers up and running on your local machine for development and testing purposes.

Prerequisites

Other than the gems and packages listed in this app's Gemfile and Package files, you will need to have Ruby, Rails, Node.js and a package manager (Yarn or npm) installed on your local machine as well as the ability to install Ruby gems and Node packages.

Installing

To run this app locally, fork and clone the frontend GitHub repo and the backend Github repo to your local machine.

Change directories into the backend local directory. Run bundle install to install dependencies, and rails db:migrate and rails db:seed to create and seed the database.

$cd dads-and-diapers-backend
$bundle install
$rails db:migrate
$rails db:seed

Run the following command in your terminal to launch a web server and access the backend API in a web browser. Note that we are specifying a port number. If port 3001 is not used, you will have to make changes to the fetch URLs on the frontend.

$rails s -p 3001

Change directories into the frontend local directory. Run the following commands to run the app in development mode.

$cd ..
$cd dads-and-diapers-frontend
$npm install
$yarn start

Visit http://localhost:3000/ in your browser. The page will reload if you make edits.
You will also see any lint errors in the console.

Using Dads & Diapers

Visit http://localhost:3000/ in your favorite browser. You can view added listings and their reviews, but to add any listings or reviews of your own, sign up or log in.

Dads Diapers

Listings

Browse listings to find a public venue. Click a listing's more button to view others' reviews or leave a one yourself.

ListingPage

Leave a Review

Once on a single listing's page, click Add Review to add your own review. You will be asked to indicate the changing room availability and status by answering 5 yes or no questions.

AddReview

Add a Listing

Can't find the listing you're looking for? [Add a new listing.] (http://localhost:3000/listings/new)

NewListing

Built With

Roadmap

Plans to incorporate:

  • Geocoding/map API
  • Address autofills
  • Ability to filter by state and zip code
  • Listing name search

Author

This application was built by Liz Laffitte as a final project for Flatiron School.

Acknowledgements

Toggle components based entirely on Praveen Kumar's tutorial.

Contributing

Bug reports and pull requests are welcome on GitHub at https://github.com/LizLaffitte/dads-and-diapers-frontend. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct.

License

This project is licensed under the MIT License - see the LICENSE.md file for details

About

Being a parent to small children comes with many challenges, having to worry about where you're going to change diapers when you're out of the house shouldn't be one of them. Dads and Diapers is an all for finding and rating public places based on the availability and condition of changing tables.

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published