No Mouse, No Problem

No Mouse, No Problem is a complete full-stack app built 100% keyboard-only, using React, TypeScript, and an AWS backend, showing how keyboard-only can rival traditional mouse-based development.

Comment

Inspiration

We wanted to challenge the assumption that effective development requires a mouse and explore how far keyboard-only workflows can go in real-world full-stack development.

Check Out our Slides

What it does

No Mouse, No Problem is a fully functional full-stack application built, tested, and deployed using only the keyboard no mouse or trackpad at any stage.

What does the actual website do?

The website is a recipe manager that allows users to store, edit, and manage their favorite recipes from different websites. Users provide a recipe URL, and the app automatically scrapes the relevant information using recipe-scrapers, with a fallback to Yellowcake for unsupported sites.

Bonus

We added a small Snake-inspired mini game (featuring DUCKS 🦆🦆🦆) that you can play anywhere on the site, perfect for passing the time while API requests are processing.

Link to Website

How we built it

The frontend is built with React and TypeScript using Vite, while the backend uses a serverless AWS architecture with Lambda, API Gateway, DynamoDB, Cognito, and CloudFormation.

Challenges we ran into

  • Many tools and websites are not fully keyboard-friendly (Postman was in another league)
  • Constantly needing to look up specific keybindings
  • Using Chrome DevTools without a mouse can be cumbersome

Accomplishments that we're proud of

  • The project is mostly complete and deployed 🎉
  • DUCKS 🦆🦆🦆🦆🦆
  • Demonstrated that keyboard-only development is possible, if ever your mouse suddenly dies

What we learned

A lot...

What's next for No Mouse, No Problem

  • Post-hackathon cleanup and polish
  • Would like to see if we can make the website fully feature-complete and even more keyboard-accessible

Built With

Share this project:

Updates