birdlife is an app for users who have an interest in bird watching but have little experience in the activity. The app allows a user to look through random pictures of birds on the main page. The gallery page allows the user to select the birds that they've sighted in the wild. The birds that have been selected as "sighted" will then be stored in the sighted birds page. The user can also delete the birds in the sighted birds page if they've clicked the sighted button by accident or wants to sight it again later.
- JavaScript
- HTML
- CSS
- Router
- Cypress
- Clone down a local copy of the repository.
cd
into the repository and runnpm install
.- You can open the project in your preferred text editor.
- To host the page on your local server run
npm start
. - Or visit https://birdlife.vercel.app/
Completed as part of the Turing School of Software Development 2211 FE Mod 3 curriculum
Approximate hours to completion: 25
- Demonstrate competency with React fundamentals
- Use end to end testing with Cypress
- Implement Router into the App
- Create a user friendly app for a niche audience
Win:
- I built a fun app with a simple api and understood how to use react, router and cypress. There were some speed bumps along the but I enjoyed whole developement process.
Challenge:
- End to end cypress testing
- Error handling
- Figuring out how to keep the sightings of birds from duplicating