DEV Community

Cover image for Quiz App Generator
Easy Tuts
Easy Tuts

Posted on • Edited on

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

Top comments (0)