MyChemistryLab is an interactive learning platform designed to enhance chemistry education for students and educators. It offers a comprehensive suite of tools and resources, including interactive learning modules, virtual lab simulations, an AI-guided practice system, and real-time analytics.
- Interactive Learning Modules: Engaging multimedia content covering basic to advanced chemistry topics.
- Virtual Lab Simulations: Realistic, interactive chemistry experiments in a safe virtual environment.
- AI-Guided Practice System: Personalized feedback and adaptive learning algorithms to identify knowledge gaps.
- Comprehensive Question Bank: A vast collection of chemistry problems with algorithmic variations.
- Real-time Analytics Dashboard: Detailed performance tracking for students and educators.
- LMS Integration: Seamless connection with popular Learning Management Systems.
- Diverse Course Offerings: Curriculum covering general, organic, and biochemistry.
- Video Tutorial Library: High-quality video lectures and demonstrations.
- Interactive Periodic Table: Comprehensive information on all elements.
- Mobile-Friendly Design: Responsive website and dedicated mobile app.
- Educator Tools: Customizable assignment creation, question authoring, and attendance tracking.
- Search: Allows the user to find the content the want using a variety of search capabilities.
| Home | Features | Virtual Labs | Testimonials | Pricing |
|---|---|---|---|---|
| Mobile | Courses | Tools | Virtual Labs | Periodic Table |
|---|---|---|---|---|
-
Clone the repository:
git clone https://github.com/openqquantify/MyChemistryLab.git -
Navigate to the project directory:
cd ChemistryLabs -
Install dependencies:
npm install -
Start the development server:
npm run dev
- Choose from a variety of experiments
- Follow safety guidelines and pre-lab preparation
- Conduct experiments and record observations
- Analyze results and submit lab reports
- Select a chemistry topic
- Engage with interactive content and animations
- Complete practice problems
- Track your progress and identify areas for improvement
- View performance metrics
- Analyze learning patterns
- Set goals and track improvements
- Register: Create a new account as a student or educator
- Sign In: Access your saved data and personalized dashboard
- React
- React Router DOM
- lucide-react
- Tailwind CSS
- react-helmet-async
- TypeScript
my-chemistry-lab/
├── src/
│ ├── components/ # Reusable React components
│ │ ├── Header.tsx # The header component.
│ │ ├── Footer.tsx # The footer component.
│ │ ├── Hero.tsx # The hero component.
│ │ ├── PeriodicTableSection.tsx # The periodic table component.
│ │ ├── PricingSection.tsx # The pricing table component.
│ │ ├── TestimonialSection.tsx # The testimonial section component.
│ │ ├── VirtualLabSection.tsx # The virtaul lab component.
│ ├── pages/ # Different pages of the application
│ │ ├── AIPracticePage.tsx # AI Practice page
│ │ ├── LoginPage.tsx # Login page
│ │ ├── SignUpPage.tsx # Sign-up page
│ │ ├── AnalyticsDashboardPage.tsx # Analytics page
│ │ ├── ContactPage.tsx # Contact page
│ │ ├── CoursesPage.tsx # Courses page
│ │ ├── EducatorsPage.tsx # Educators Informational page
│ │ ├── LearningModulesPage.tsx # Learning Modules page
│ │ ├── LMSIntegrationPage.tsx # LMS Integration page
│ │ ├── MobileAppPage.tsx # Mobile apps page
│ │ ├── PeriodicTablePage.tsx # Periodic Table page
│ │ ├── QuestionBankPage.tsx # Question bank page
│ │ ├── SearchPage.tsx # Search page
│ │ ├── StudentsPage.tsx # Student Informational page
│ │ ├── VideoTutorialsPage.tsx # Video Tutorials page
│ │ └── VirtualLabPage.tsx # Virtual Lab page
│ ├── App.tsx # Main application component
│ ├── index.tsx # Entry point of the application
│ ├── main.tsx # Entry point of the application
│ └── vite-env.d.ts # Type definitions for Vite's environment variables and client-specific features
├── eslint.config.js # Code styling
├── index.html # Main HTML file
├── package.json # Project metadata and dependencies
├── package-lock.json # Consistent dependency versions
├── postcss.config.js # Code styling
├── tailwind.config.js # Project dependencies and scripts
├── tsconfig.app.json # Project documentation
├── tsconfig.json # TypeScript configuration file
├── tsconfig.node.json # TypeScript configuration file
├── README.md # TypeScript configuration file
└── vite.config.ts # Vite configuration file.
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the project
- Create your feature branch (git checkout -b feature/AmazingFeature)
- Commit your changes (git commit -m 'Add some AmazingFeature')
- Push to the branch (git push origin feature/AmazingFeature)
- Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
For questions or support, please contact Tanya Thomas at [email protected].