DEV Community

Cover image for Quiz App Generator
Easy Tuts
Easy Tuts

Posted on • Edited on

1 1 1 1 1

Quiz App Generator

Introduction

  • I want to share my journey of building a quiz generator app using React.js, Shadcn UI, and Copilot Kit.

What Does the App Do?

  • The quiz generator app allows users to: 1. Generate Quotes: The app features a built-in quote generator that allows users to fetch random quotes. 2. Share Quotes: Users can share their favorite quotes directly from the app. 3. CopilotKit Features: With the help of CopilotKit, users can add new quotes to their list or delete existing ones, enhancing the user experience.

Link: Quote Generator App

Tech Stack

1. React.js: The core library for building user interfaces, enabling me to create a dynamic and responsive app.
2. Shadcn UI: This component library provided me with beautiful, accessible UI components that speeded up the development process and ensured a polished look.
3. Copilot Kit: This tool has been invaluable for code suggestions, allowing me to focus on building features without getting bogged down in syntax.

Screenshots:

Home Page

Add quote using Copilot

Delete quote using Copilot

Link: Quote Generator App

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay