"Enjoy your vacation activities by booking on-line with Pata de Perro. We offer a wide variety of services."
** Disclaimer: although the app has payment functionality, please do not make payments since we do not provide the services shown in the app **
Pata de perro is a Mexican expression that refers to people who have a strong desire to travel, to leave a place, or just to be out in the street.
AS a tourist, the user wants to look for a wide variety of summer activities where they:
CAN view, select, and book a variety of available tourist experiences,
SO THAT they can make the most of their vacation time.
This application includes functionality described in the Features section below.
- Description
- Features
- Technologies
- Installation
- Tests
- Mockup Images
- Contributors
- Questions
- Links to the App
Current features include:
-
Navigator
- Home, where the paw will take the user to About Us
- Login for users to enter the page or Signup if visiting for the first time
- Activities display for the user to pick and book
- Cart for the user to see the cost of their selected activies before proceeding to pay
- Profile for the user to update their information (future feature)
- Logout to leave the session
-
Home or landing page: on-click of the paw, the user is taken to the
About Uspage -
When the user clicks on Activities, images with descriptions appear for the user to pick, but they must log in to purchase
-
Login/Signup -> existing users can:
- view the
Order History - update their profile information (future feature)
- pick, book and pay
- access the full functionality of the website
- view the
-
Cart: when the user picks an activity to book, they can see their selected items in the cart
Future features may include:
- Ability for the user to update their profile info and password
- Booking availability with dates and times
- Filter by location
- Admin site to update activities and categories
- Streaming videos of activities
| Back-end | Front-end |
|---|---|
| MERN | CSS |
| GraphQL | Styled-components |
| JWT | Font awesome |
| Stripe | |
We also included the service workers and the manifest.
You can install this application by running it on the command line
npm install
npm run seed
npm run develop
We included some reducers testing on functionality for this project.
cd client
npm run test
Functionality is shown below:
- The first animation depicts an existing user logging into the website, navigating through the
Activitiessection, selecting an activity and proceeding to checkout in theCartand submitting payment. Then being redirected back to the page and looking at theirOrder History.
- The second animation depicts the user browsing to the
About Ussection in the navbar, where when redirected, the user can click on the developers buttons, which will open in a different browser page (depicted on the fourth animation). The user then navigates to theContact Uspage, sending a message. Also, browsing toUser Profilewhere in future features the user will be able to update their information and password.
- Third animation: shows the new user functionality to sign up by creating their account. New users will then have the same access capability as the one depicted in the second animation.
- The fourth animation depicts the user browsing through the
About Usdevelopment team, being able to click on each developer to be redirected to the their respective GitHub Repositories. Also, it shows the app manifest and service workers. The user can select activities that will save in their carts while they are off-line, and those will be available and visible when they go on-line.
| Contributors | GitHub Repo |
|---|---|
| Adina Henderson | 🐠< |
| Adriano Armendaris | 🏄 |
| German Ramirez | 🐬 |
| Jorge Soto | 🌴 |
| Victor Vallejo | 🐚 |
If you have any questions or would like to report any issues, please contact us at:
Repo: 🦀
App: Deployed App