DEV Community

Rounak Sen
Rounak Sen

Posted on

Animal Search App

What I built

A Simple React App With Express Server to Search for randomly generated animal names.


Category Submission: Wacky Wildcards


App Link

https://animalfarm-8u9v.onrender.com


Screenshots

Home Page

Search View


Description

A Simple React App With Express Server to Search for randomly generated animal names. It uses Chance library to generate random animal names and other data and also uses Material UI for UI.


Link to Source Code

https://github.com/rony0000013/animalfarm


Permissive License

MIT License
https://github.com/rony0000013/animalfarm/blob/master/LICENSE


Background (What made you decide to build this particular app? What inspired you?)

I had learned react and various other things. So to prototype and increase my knowledge base I learned and used Material UI, Github Actions, Express, etc and used them to build a simple app.


How I built it (How did you utilize GitHub Actions or GitHub Codespaces? Did you learn something new along the way? Pick up a new skill?)

  • I build the app in a Github Codespace.
  • The React App was simple and I used Express for backend server to send data. I also implemented search with query parameter in express backend.
  • I learned and used Material UI, Github Actions, Express, etc and used them in the app.
  • I created basic Guithub Action CI test for errors before deploying after commit and another action for code analysis after commit.

Additional Resources/Info

https://docs.github.com/en/actions
https://react.dev/learn
https://expressjs.com/en/starter/hello-world.html
https://mui.com/material-ui/getting-started/overview/

Top comments (0)