Caturday is a place for both cat-enthusiasts and new-to-cats-users to learn more about cat breeds and potentially find one that would match their lifestyle— all in a Western theme.
This was an assignment from Turing School of Software and Design's Front End Engineering program, known as the Stretch Tech project. Stretch Tech is a group project focused on learning and implementing a new technology with peers rather than being taught by instructors with a structured curriculum. We chose to learn and implement Typescript.
It's a-meow-zing what you can learn in just a week!
With this application users are able to view a cat of the day, a list of cat breeds fetched from a RESTful API. To learn more about a breed, the user can click on the wanted poster preview and get additional information. Users can also filter by the affection level of cats
- Typescript
- React | React Router
- Cypress
- Javascript
- HTML
- CSS
- Visit Caturday via your browser
- Clone this repo to your local machine
cd
intoCaturday
- Then, run
npm install
from your command line. Do not runnpm audit fix --force
- After you run npm install inside of your copy of this repo, run:
npm start
This command runs the app in the development mode locally so that you can view and use the application in your browser.
You can now view Caturday in the browser.
Local: http://localhost:3000
- When you are done exploring Caturday make sure that you type
Control + C
in your terminal to stop the server before closing your Terminal.
Upon load, a user will see a featured Cat of the Day below the Caturday title. Upon hover, the cat in the sky welcomes the user with a friendly "Meowdy Folks!" To learn about a cat, the user can slimply click on the Wanted poster. They can return home by clicking Cat of the Day or All Cats from the sidebar, using the brower back button, or removing the /cats/(cat's id)
from the URL.
If intending to adopt a breed, the user can select an affection level to see what cat matches their style. If no cats are a match the search, they will be shown an error message.
To learn more about a breed of cat, the user can see additional information when they click on a Wanted Poster.
If Cat-astrophe hits and our there is a problem fetching and herding the cats for our users, we have made sure that the user knows something is wrong.
- Turing Scool of Software & Design
- Turing Instructors: Kayla Gordon and Robbie Jaeger
- The Cat API