DEV Community

Cover image for Building a Full-Stack Web App Only with React Router
Yuichi Nabeshima
Yuichi Nabeshima

Posted on

Building a Full-Stack Web App Only with React Router

A portfolio project built to land my next software engineering opportunity — and explore how far React Router (Framework Mode) can go.

🚀 Project Overview

I am building a full-stack restaurant reservation platform as a portfolio project. It features both a public-facing reservation site and an admin dashboard — all built on top of React Router Framework Mode, with a PostgreSQL + Prisma backend and a modern UI stack.

Although the app uses dummy data, it’s fully functional and architected like a real-world production system.

🔗 Live Demo: https://my-booking.tech/
📂 GitHub Repo: https://github.com/YuichiNabeshima/my-booking

I’m currently open to software engineering roles — especially full-stack roles involving React, TypeScript, and scalable backend architecture.

Image description

🧠 Why React Router?

React Router inherits the Remix philosophy — staying close to web standards, server-side rendering by default, and minimizing client-side overhead.
This mirrors the traditional web model (routing, form submissions, session-based auth) while still leveraging React’s component-driven architecture.

⚙️ The result: a fast, SSR-first app with minimal use of global state or client-side data fetching libraries.

The frontend is built with modern functional React, while the backend follows a more class-based, structured design — a mix that reflects real-world systems I’ve worked on and enjoy building.

🧩 Features

📅 Guests can book without creating an account

🔐 Secure, unique reservation URLs via JWT

🧑‍💼 Admin dashboard to manage bookings and restaurants

⚡️ SSR-first architecture with minimal client-side state

✅ Type-safe forms with full validation

🛠️ Tech Stack

  • React Router (Framework Mode) + TypeScript

  • PostgreSQL + Prisma

  • Redis (Upstash) + Custom session-based auth

  • JWT for reservation access

  • Tailwind CSS + shadcn/ui

  • Zod + Conform for form validation

  • Amazon S3 / SES for file and email handling

  • Fly.io for hosting

👋 I'm Open to Work

I'm currently looking for roles focused on full-stack development — particularly with React, TypeScript, and scalable backend architecture.

If you’re hiring (or know someone who is), I’d love to connect!

💬 I’d be happy to answer any questions about the tech choices or structure!
Thanks for reading!

Top comments (0)