Fido's Trick Log

• Fido's Trick Log is a web application that caters to dog owners who are looking to take their pups skills to the next level. The app features a 'Trick Log' where the user can compile their favorite training videos in one place.

Features

• Fido's Trick Log fetches data from a Node.js / Express API that can be found here.
• The user can access a list of dog training tutorials from YouTube, along with a trick name and difficulty level.
• The user can add new tutorials to the trick log through a form.
• The user can filter / search for the tutorials by name while on the Trick Log page.

Live Link

Click here to visit the application.

• If the app isn't working right away just give the API several to spin up.

Challenges

• Deploying both a frontend and backend application and making everything run smoothly.
• My personal timeline for completing this project was about 2.5 days, so I needed to hustle.

Installation

Clone the repository:

git clone git@github.com:ericbatiste/dog-tricks-ui.git

Navigate to the project directory:

cd dog-tricks-ui

Install dependencies:

npm install

Usage

Start the development server:

npm start

Run Cypress tests:

npm run cy

Open your web browser and visit http://localhost:3000 to access the application.

Future Improvements

Plans for new features and improvements to the site:

• Give the user the ability to remove tricks from the Trick Log and add a DELETE request to the API.
• Give the user the ability to edit tricks from the Trick Log and add a PATCH request to the API.
• Give the user a space to add notes on their dog's progress with each trick.
• Add links to the most recent tricks on the home page for quick access.
• Add User Authentication for a personalized experience.
• Hook the site up to a proper database to support multiple users.

Acknowledgements

This project was an assignment during our time as Front End students at the Turing School of Software and Design.