Landing page

📚 Project Overview

Akademix is a comprehensive web application designed to help students track, analyze, and share their educational journey. The platform provides powerful tools for assignment tracking, progress analytics, and community learning.

🌟 Key Features

• Assignment Tracking: Monitor all your assignments and deadlines
• Progress Analytics: Visualize your learning progress
• Dark/Light Mode: Adaptive UI for comfortable viewing
• Responsive Design: Works seamlessly across devices
• Community Learning: Connect and share achievements

🚀 Technologies Used

• HTML5
• Tailwind CSS
• Vanilla JavaScript
• Font Awesome Icons
• SVG Graphics

🔧 Setup and Installation

Prerequisites

• Modern web browser
• Text editor (VS Code recommended)
• Basic understanding of HTML/CSS

Installation Steps

1. Clone the repository

git clone https://github.com/yourusername/akademix.git

2. Navigate to the project directory

cd akademix

3. Open index.html in your preferred browser

📱 Responsive Design

The landing page is fully responsive and supports:

• Desktop view
• Tablet view
• Mobile view
• Dark and light mode

🎨 Color Scheme

• Primary Color: #ff6b00 (Orange)
• Secondary Colors:
  • Light Gray for backgrounds
  • Dark Gray for text and elements

🌓 Theme Toggle

Supports automatic and manual theme switching:

• Respects system preferences
• Manual toggle with sun/moon icon
• Persistent theme selection via localStorage

🛠 Customization

Tailwind Configuration

Customize colors and themes in the <script> section:

tailwind.config = {
    darkMode: 'class',
    theme: {
        extend: {
            colors: {
                primary: {
                    light: '#ff7e29',
                    DEFAULT: '#ff6b00',
                    dark: '#e05e00',
                },
            },
        },
    },
}

🔍 Key Components

1. Navigation

   • Responsive menu
   • Theme toggle
   • Mobile menu support

2. Hero Section

   • Compelling headline
   • Call-to-action buttons
   • Student statistics display

3. Features Section

   • Highlight key platform capabilities
   • Icon-based feature representation

4. Footer

   • Quick links
   • Social media connections
   • Copyright information

🌐 Browser Compatibility

• Chrome
• Firefox
• Safari
• Edge
• Latest versions of mobile browsers

🚧 Known Issues

• None reported

🤝 Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📄 License

Distributed under the MIT License. See LICENSE for more information.

📞 Contact

Your Name - youremail@example.com

Project Link: https://github.com/yourusername/akademix

🙏 Acknowledgements

• Tailwind CSS
• Font Awesome
• Open-source community