DEV Community

Rounak Sen
Rounak Sen

Posted on

1

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/

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read more →

Top comments (0)

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up