A frontend for OMDb API & a random Google API from RapidAPI

Demo

Vite with React(JavaScript), styled with TailwindCSS

corepack enable && pnpm install
pnpm run dev

It's faster than NPM

• Consume publicly available APIs and display them with React components
• Style website with TailwindCSS
• Push static export ("index.html" instead of a Node.js file) via GitHub Actions to GitHub Pages

I'm a firm believer of presenting the user all topions without having them to spend time digging through menus (hamburger menus, ugh!) just to navigate between different search options, so I designed a "toggle" where it's clear A. which search type it is now, and B. what other options they have.

I'm also a firm believer in performant websites. Time spent on slow, costly and unnecessary animations is time not spent on navigating the website, which is the important thing here. User don't go to a website to admire the fancy animations, they're there to achieve a goal. And the faster a website helps them achieve that goal, the more appreciative they will be. The best tool is the one that gets things done and get out of the way afterwards.

Right now I'm consuming the OMDb API and RapidAPI via the frontend, the API key is exposed in the inspector window, I'm planning to move this to a Django/Django Ninja backend.

Speaking of backend, another reason for moving API consumption to the backend is for the benefit of the future mobile app version of JSearch

Self explanatory.