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

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

Top comments (0)

Image of Docusign

πŸ› οΈ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more