Skip to main content
Prakriti Bista

Project dossier / Creative Engineering

Foodie Praks

A small food-discovery site for the Kathmandu restaurants I actually love. Built on Bootstrap, then redesigned more times than I'd like to admit.

Role

Designed and built it solo: a personal page for recommending the food I love in Kathmandu, and the frontend I kept coming back to restyle as I learned.

2026

Result signals

  • A curated short list, not a directory, only places I'd vouch for
  • Carousel, restaurant cards, gallery, recipes, and food-critic links
  • Responsive on a phone, which was the whole point
  • Redesigned across nine branches as a frontend sandbox

Evidence board

A small food-discovery site for the Kathmandu restaurants I actually love. Built on Bootstrap, then redesigned more times than I'd like to admit.

2026Creative Engineering

Question

What was the hard part?

A small food-discovery site for the Kathmandu restaurants I actually love.

System

Creative Engineering

HTML5 / CSS3 / Bootstrap / jQuery

Evidence

A curated short list, not a directory, only places I'd vouch for

Bootstrap got a responsive grid and carousel up fast, with little to fight

Decision

Constraint shaped the interface

An early project: Bootstrap and jQuery, hand-written restaurant cards, deployed on GitHub Pages.

Artifacts linked above

Foodie Praks

I just wanted a list of the food I'd vouch for

Every time a friend visits Kathmandu I get the same text: where should I eat? And every time I'd thumb out the same handful of places. So I made a page I could point them to instead.

Foodie Praks is a small food-discovery site for the restaurants I actually love around the city: Chicken Station, TAMA, PEPE Pizza, BOTA Momo, The Burger House. Not a directory of everything, and not reviews pulled from somewhere else. Just the places I'd send someone to without thinking twice.

Visual Evidence

Image

Foodie Praks home page
The home page: a carousel of food photography over a short list of Kathmandu recommendations

What's on it

A carousel of food photography on the home page, then a card for each restaurant with a short note on why it's worth your time and a link straight to the map. There's a gallery, an about page, a recipes section, and a few links out to the local food YouTubers I trust. The search box hands off to Google, which is honest about its own scope. I'm not trying to index the internet, just to get you moving.

I built it on Bootstrap. This was early, and Bootstrap was what I knew. It got me a responsive grid and a carousel without fighting the basics. Now I'd reach for less, but it shipped, and it works on a phone, which was the whole point.

I redesigned it more times than I'll admit

The part I'm actually a little proud of isn't the first version. It's that I kept coming back. There are around nine versions of this sitting in the repo's branches: a glass-morphism pass, a couple of full revamps, a dashboard experiment, a lot of small UI refinements. Whenever I learned something new about design or CSS, this was the project I'd come back and re-skin.

Design Decision

It was never really finished, because it was the thing I practiced on.

That's the honest story of this one. It started as a list of restaurants and quietly turned into my sandbox for taste.

What I'd do differently

I'd drop Bootstrap and build the layout myself, now that I can. I'd make the restaurants a real data structure instead of hand-written HTML I copy-paste every time I add a place. And I'd write the food notes like someone who'd actually eaten there, because that voice is the only thing a recommendation site really has.

What Worked

  • Bootstrap got a responsive grid and carousel up fast, with little to fight
  • It works cleanly on a phone, which was the goal
  • It became my sandbox for taste, restyled across nine branches as I learned

What Didn't

  • Restaurant cards are hand-written HTML, so adding a place means copy-paste
  • Bootstrap's defaults fought the look I wanted once I got pickier
  • Search just hands off to Google instead of filtering the list in-page

Built with

HTML5CSS3BootstrapjQueryResponsiveWeb Design