Skip to content

AlexKalll/top-academy

Repository files navigation

Top Academy

Top Academy is a pioneering educational platform dedicated to transforming lives through accessible and high-quality learning experiences. Our vision is to be the leading global online education platform, empowering individuals to achieve their full potential and contribute meaningfully to society. We believe in fostering a community of lifelong learners, providing them with the tools, knowledge, and support needed to excel in an ever-evolving world.

Our Goals

  • Onboard 10,000 Students: Provide comprehensive educational resources and support to a diverse student body.
  • Recruit 500 Instructors: Build a robust network of expert educators passionate about sharing their knowledge.
  • Launch Full-Service Platform: Develop and deploy a seamless, intuitive platform offering a wide range of courses and services.
  • Partner with Local Institutions: Collaborate with universities, schools, and NGOs to expand our reach and impact.

Features

Top Academy offers a rich set of features designed to enhance the learning journey:

  • Comprehensive Course Catalog: A wide array of courses covering various subjects, from academic tutoring to coding education.
  • Interactive Learning Environment: Engaging content, quizzes, and assignments to facilitate effective learning.
  • Personalized Learning Paths: Tailored educational experiences to meet individual student needs and goals.
  • Expert Instructors: Learn from experienced and passionate educators.
  • Community Support: Connect with fellow learners and instructors through forums and discussion groups.
  • Responsive Design: Seamless experience across all devices (desktop, tablet, mobile).
  • Theme Management: Toggle between light and dark themes for comfortable viewing.
  • Visitor Counter: Track website engagement.
  • Image Carousel: Dynamic display of images on the homepage.
  • Audience Toggling: Customize content visibility for different user groups.
  • Back-to-Top Button: Easy navigation for long pages.
  • Mobile Menu: User-friendly navigation on mobile devices.
  • Service Pop-ups: Detailed information about services displayed in pop-up messages.
  • Testimonial Slider: Dynamic display of testimonials on the About page.
  • FAQ Accordion: Easily accessible answers to frequently asked questions.
  • Chatbot Integration: An AI-powered chatbot to answer questions about Top Academy live (powered by Groq API).

Technologies Used

  • HTML5: For structuring the web content.
  • CSS3: For styling and responsive design.
  • JavaScript (ES6+): For interactive elements and dynamic content.
  • Groq API: For the AI chatbot functionality.

Installation

To get a local copy up and running, follow these simple steps:

  1. Clone the repository:

    git clone https://github.com/AlexKalll/top-academy.git
  2. Navigate to the project directory:

    cd top-academy
  3. Install dependencies (if any): This project is primarily front-end, so no specific npm or yarn dependencies are required for the core website. However, if you plan to run the chatbot locally with Groq, ensure you have Node.js installed and set up your .env file.

    Create a .env file in the root directory and add your Groq API key:

    GROQ_API_KEY=your_groq_api_key_here
    

Usage

Open the home.html file in your web browser to view the website. You can navigate through the different pages (Home, Services, About, Contact, FAQs) using the navigation bar.

Project Structure

top-academy/
├── FAQs.html
├── about.html
├── contact.html
├── index.html    # Home page 
├── services.html
├──assets/
    ├── bg.jpg
    ├── logo.png
    └── team_profile.jpg
├──components/
    ├── chatbot.html
    ├── footer.html
    └── header.html
├──css/
    ├── FAQs.css
    ├── about.css
    ├── contact.css
    ├── services.css
    └── styles.css
├──js/
    ├── FAQs.js
    ├── about.js
    ├── chatbot.js
    ├── contact.js
    ├── scripts.js
    └── services.js
├──.gitignore
└──README.md

Contact

For any inquiries or support, please reach out to us at:


"Empowering Minds, Shaping Futures!"