Random Stuff

Play Rock Paper Scissors against the computer, explore poems, view recipes and much more.

Built with

  • Typescript
  • Next.js
  • Prisma.js
  • Framer Motion
  • Tailwind CSS
  • Cypress
Random Stuff, main screen

About it

This web app just consumes multiple APIs to provide a neat and responsive UI, with various functionalities.

It is optimized for initial page loads and search engines, with a focus on accessibility, and follows best coding practices for a maintainable project structure.

What it does

  • Accessibility and SEO: The application is designed with a focus on accessibility and SEO, making it user-friendly and easily discoverable.

How it's built

  1. Framework: Built with Next.js, a React-based framework that enables server-side rendering and static site generation.
  2. Database Integration: Utilizes Prisma as an Object-Relational Mapping (ORM) tool to interact with the database, ensuring efficient data management.
  3. Styling: Employs Tailwind CSS for utility-first styling, facilitating responsive and customizable designs.
  4. API Integration: Incorporates external APIs, such as TheMealDB, to fetch and display dynamic content like recipes.
  5. Testing: Implements Cypress for end-to-end testing, ensuring the reliability and functionality of the application.

More screens

  • Random Stuff, screen 2
  • Random Stuff, screen 3
  • Random Stuff, screen 4
  • Random Stuff, screen 5
  • Random Stuff, screen 6
  • Random Stuff, screen 7
  • Random Stuff, screen 8
  • Random Stuff, screen 9
  • Random Stuff, screen 10