A game app to help marine enthusiasts learn and test their knowledge of fish
What Fishy? is a single page application where users can learn about and test their knowledge of fish. Users playing the game see an image of a fish with possible choices. Once they have submitted their answer, they can learn more about each fish, as well as receive their score. The test set is limited to Florida saltwater fish for this iteration.
- Javascript
- Ruby on Rails
- PostgreSQL
- Foundation frontend framework
- Heroku (To be implemented)
The backend repo can be found at https://github.com/schanrai/fish-id-quiz-backend.
To run this project locally, clone the GitHub repository for both the backend and frontend.
Open a terminal window in your local environment for the backend repo, and spin up the rails server by typing the command:
rails s
Check it's working by navigating to http://localhost:3000/ (preferably on Chrome).
Then, go to your frontend local repo, and open the following file in a web browser.
index.html
The app will load up in your browser window.
- Login or create user account
- View Profile with gamehistory logs
- View information of selected fish in separate window
- Navigate to park details on National Park Service website
- Login and game progress persists on page refresh
Stretch Goals:
- Leaderboard
- Allow user to update/edit account details
- Password reset and email account confirmation
- Implement an avatar feature (users can upload photos)
The inspiration for What Fishy? came from my love of freediving and being in the ocean. I built it to help me identify the fish that I see in the wild.
Created by Sushi Chanrai
Feel free to contact me!