ibrahim11elian/SnapQuiz-Builder

Generate images for code snippet questions and share them on social media.

SnapQuiz Builder

SnapQuiz Builder is a web application that allows users to generate images for code snippet questions and share them on social media. It's a fun and engaging way to challenge your friends, followers, or coding community with coding puzzles.

Table of Contents

• Features
• Getting Started
• Usage
• Screenshots
• Technologies Used
• Contact

Features

• Code Snippet Questions: Create and customize code snippet questions for various programming languages.
• Image Generation: Generate visually appealing images for your code questions with syntax highlighting.
• Browser Theme Integration: Automatically adapt the application theme based on the user's browser theme for a consistent and personalized experience.

Getting Started

Prerequisites

Make sure you have Node.js installed on your machine.

Installation

1. Clone the repository:

   git clone https://github.com/ibrahim11elian/SnapQuiz-Builder.git

2. Navigate to the project directory:

   cd snapquiz-builder

3. Install dependencies:

   npm install

4. Start the development server:

   npm start

   The app will be accessible at http://localhost:3000 by default. Don't forget to check package.json to see the other possible scripts.

Usage

1. Access the application in your web browser.
2. Customize your code snippet question and select the programming language.
3. Generate the image and effortlessly share it on your favorite social media platform!

Screenshots

Technologies Used

• HTML5
• CSS3
• JavaScript
• React.js
• Vite
• dom-to-image - JavaScript library for converting DOM nodes to images.
• react-toastify - beautiful package for alert

Contact

• Frontend Mentor - @ibrahim11elian