Welcome to Quiz Me, an AI-powered, quiz-based learning platform designed to make learning about Artificial Intelligence (AI) fun, engaging, and accessible to all. Whether you're a student, a non-tech professional, or just curious about AI, our platform offers a wide range of quizzes, AI information, and courses to get you started on your AI journey.
This project combines a simple, user-friendly interface with interactive quizzes and learning materials to create an educational experience that's both enjoyable and informative.
- Interactive Quizzes: Test your knowledge of AI with fun, challenging quizzes across various levels—from beginner to advanced.
- User Registration: Sign up, log in, and keep track of your progress as you complete quizzes and learn more about AI.
- AI Information Hub: Access informative articles and learning resources to understand core AI concepts.
- Responsive Design: The platform is fully responsive, working seamlessly on desktops, tablets, and mobile devices.
- Social Media Integration: Share your quiz results and progress with your friends through social media.
-
Frontend: HTML, CSS, JavaScript (Boxicons and Font Awesome for icons)
-
Backend: Node.js (optional for backend services)
-
Quiz Functionality: JavaScript handles quiz logic, dynamic content injection, and user interactions.
-
Styling: Custom CSS for a modern, responsive design.
The homepage serves as the gateway to all platform features. It includes:
- Sign In/Sign Up Form: Users can log in to track their quiz progress.
- Start Quiz Button: Launches the quiz interface.
- Social Media Links: Quick access to Instagram, LinkedIn, Twitter, and Facebook.
- The quiz dynamically loads questions, allows navigation between questions, and provides a final score when completed.
- Users can download their results in a structured format (e.g., PDF).
- AI Information: Contains in-depth articles and links on AI, including beginner-friendly definitions and explanations of AI topics.
- Sign Up/Log In:
- New users can register to keep track of their progress. Already registered? Just log in to pick up where you left off. Start a Quiz:
Click on "Start Quiz" from the homepage. You’ll be presented with a series of AI-related questions. Submit Quiz:
Once you’ve completed the quiz, submit your answers, and you’ll receive instant feedback on your performance. You can also download your results. Explore AI Information:
If you’re stuck on any questions or simply want to learn more, head over to the AI Information section for detailed articles on AI concepts.
├── /css
│ └── style.css # Stylesheet for the frontend design
├── /js
│ └── script.js # JavaScript for basic page interactivity (navbar, login modal, etc.)
│ └── quiz.js # JavaScript for managing quiz functionality
├── /index.html # Main homepage (quiz start, login, about, contact)
├── /ai-information.html # AI information page (explains AI concepts)
└── /README.md # Project documentation (this file)
## **Follow these instructions to set up the project and start using it**
# **Prerequisites**
Ensure you have the following installed:
Web browser (latest versions of Chrome, Firefox, Edge, etc.)
Basic knowledge of HTML, CSS, and JavaScript (optional if you plan on modifying the project)
Installation
Clone the repository:
bash
git clone https://github.com/your-repo/quiz-me.git
cd quiz-me
Open the index.html file in your browser: You can directly open the index.html file in your web browser to view and interact with the platform.
(Optional): If using Node.js to create a backend for user authentication, follow additional setup instructions provided in the backend documentation.
Run the Project
If running locally without a backend, simply open the index.html file in your browser.
If adding backend services (e.g., Node.js or Express.js):bash
node server.js