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/
We have prepared a video tutorial to guide you through the setup and usage of the Quiz__Masha platform. Watch the video here:
0918.2.1.mp4
- 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.
To set up the project locally, follow these steps:
Make sure you have the following installed:
- Node.js (version 14 or higher)
- Angular CLI (version 11 or higher)
- npm or yarn
-
Clone the repository:
git clone https://github.com/your-username/Quiz__Masha.git -
Navigate to the project directory:
cd Quiz__Masha -
Install dependencies:
npm install -
Set up the environment variables: Create a
.envfile in the root directory and add the necessary environment variables (such as API keys and database URLs). -
Run the development server:
ng serve -
Access the app: Open your browser and go to:
http://localhost:4200
- 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 version 14.1.1.
We welcome contributions from the community! If you'd like to contribute to Quiz__Masha, please follow these steps:
- Fork the repository.
- Create a new branch:
git checkout -b feature/your-feature-name. - Commit your changes:
git commit -m 'Add some feature'. - Push to the branch:
git push origin feature/your-feature-name. - Submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for more details.