Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/2bweru/quizz_masha

Quiz__Masha is a website developed to test programming skills for Frontend Developers through the provided Quizes
https://github.com/2bweru/quizz_masha

angular bootstrap css3 javascript typescript

Last synced: about 9 hours ago
JSON representation

Quiz__Masha is a website developed to test programming skills for Frontend Developers through the provided Quizes

Awesome Lists containing this project

README 

        
# Quizz__Masha



Quiz__Masha is a web-based platform designed for Frontend Developers to test and improve their programming skills through interactive quizzes. The platform offers quizzes in WordPress, HTML, JavaScript, and CSS, helping developers strengthen their understanding and knowledge of these essential web development technologies. Upon completion, users can also generate and print certificates as proof of their accomplishments.



https://quizzmasha.netlify.app/



## Video Tutorial

We have prepared a video tutorial to guide you through the setup and usage of the Quiz__Masha platform. Watch the video here:



https://github.com/user-attachments/assets/8b80ba80-5812-4798-98bc-42523b2438e4



## Features

- Comprehensive Quizzes: Test your skills in WordPress, HTML, JavaScript, and CSS with carefully designed quiz questions.

- Real-time Feedback: Get instant results after completing each quiz, with correct answers highlighted.

- Certificate Generation: Users can generate and print certificates upon successful quiz completion.

- User Authentication: Sign up and log in to save your progress and access your certificates.

- Responsive Design: The platform is fully responsive, ensuring a seamless experience on mobile, tablet, and desktop devices.

- Built with Angular: Utilizes Angular framework to provide a dynamic and fluid user interface.

- Backend API: Data is served through an API, ensuring efficient communication between the frontend and backend.



## Installation

To set up the project locally, follow these steps:



### Prerequisites

Make sure you have the following installed:

- Node.js (version 14 or higher)

- Angular CLI (version 11 or higher)

- npm or yarn

  

### Step-by-Step Guide

1. Clone the repository:

`git clone https://github.com/your-username/Quiz__Masha.git`



2. Navigate to the project directory:

`cd Quiz__Masha`

3. Install dependencies:

`npm install`



4. Set up the environment variables: Create a `.env` file in the root directory and add the necessary environment variables (such as API keys and database URLs).



5. Run the development server:

`ng serve`

6. Access the app: Open your browser and go to:

`http://localhost:4200`



## Usage

- Sign up / Log in: Create a user account to access all features.

- Take a Quiz: Choose from a variety of quizzes in WordPress, HTML, JavaScript, or CSS.

- Review Your Results: After finishing each quiz, you will receive real-time feedback on your performance.

- Generate Certificate: Successfully complete a quiz to generate and print a personalized certificate.

- Track Progress: Log in anytime to view your quiz history and download certificates.

- This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.1.1.



## Contributing

We welcome contributions from the community! If you'd like to contribute to Quiz__Masha, please follow these steps:



1. Fork the repository.

2. Create a new branch: `git checkout -b feature/your-feature-name`.

3. Commit your changes: `git commit -m 'Add some feature'`.

4. Push to the branch: `git push origin feature/your-feature-name`.

5. Submit a pull request.



## License

This project is licensed under the MIT License. See the LICENSE file for more details.