Deployed Project

Overview

Birds of a Feather is an app that allows bird watching enthusiasts to explore the various sounds of the Bearded Bellbird. The user can search different countries to hear the calls of this bird from that region.

Project Context

I am a Mod 3 students in the Front-End Program at Turing School of Software and Design, which means we have been devs for 6 months! Birds of a Feather is my third React application.

Learning Goals for this project included:
✔️ Use the technology you’ve been working with over the course of the module to demonstrate mastery of the following:
✔️ React, Router, Asynchronous JavaScript, End to end testing with Cypress
✔️ Create a multi-page engaging UX using React Router

Link to Project Description

Demo

Home dashboard view:

Setup

1. From your terminal, cd back to your parent directory
2. Clone down this repository:

https://github.com/Mlberry0205/birds-of-a-feather

3. cd into birds-of-a-feather directory and run:

npm install
npm start

4. Enter the following url in your browser: http://localhost:3000/

Technologies Used

Dev Notes

Wins

• Configuring bird audio utalizing multiple different ID's
• Creating a component to view search results when a user enters a specific bird to search for.
• Learning hooks: UseState & useEffect

Opportunities for growth

• Error handling on a controlled form
• Expanding our knowledge of Cypress syntax
• Practice using React hooks: useState & useEffect

Future Features

• Favoriting bird songs
• Add bird photos to each birdCard
• Add birds from all around the world

Developed by:

Morgan Berry | [email protected] | Github | LinkedIn

Project planning & Acknowledgments

Project Board with User Stories |

• John Boudreaux