This project is a website for Spark Hobby Kit, a platform that provides tools and inspiration to unleash your creative potential.
IMPORTANT: Add a FLL-website to the link if you would navigate around the website. The website was initially made for a custom domain and not github's.
- Example: koala3353.github.io/resources/resources.html -> koala3353.github.io/FLL-website/resources/resources.html
Welcome to the Spark Hobby Kit website! This platform provides various tools and inspiration to help you explore and expand your creative potential. Here you will find everything from pricing details to video tutorials, manuals, and much more.
- This was our project ouput for the open category in a FLL at Philippines contest last February 2024 and updated for the FLL Euro Championship in Norway on May 2024
- Dynamic Content: Utilizes JavaScript to fetch and display user-specific data, such as credits and access permissions.
- Responsive Design: Fully responsive web design ensuring a seamless experience across various devices and screen sizes.
- Interactive Elements: Enhanced user interaction with animations and dynamic content loading using AOS (Animate On Scroll) library and GSAP for smooth scrolling.
- Secure Authentication: Integration with Reflow for secure user authentication and management.
- HTML5
- CSS3 (Bootstrap, custom styles)
- JavaScript (jQuery, GSAP, AOS)
- Sentry for error tracking
- MongoDB for database management
- Home Page
- Pricing Page
- Videos Page
- Manuals
- Music App Page
- Available Lecture Categories Page
- Activities Page
- Handouts Page
- Quiz Page
- Credit Shop Page
- Shopping Cart Page
To get a local copy up and running, follow these steps:
- A modern web browser
- A text editor
- Clone the repository
git clone https://github.com/Doom306/spark-hobby-kit.git- Open the project in your text editor
- Open the
index.htmlfile in your web browser - Explore the website
The website includes the following features:
- Detailed information about Spark Hobby Kit
- Pricing details
- User reviews
- User authentication
- Shopping cart functionality
- HTML
- CSS
- JavaScript
- Bootstrap
- jQuery
- GSAP (GreenSock Animation Platform)
- ReflowHQ
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- 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
Project Link: Github
Music App Download Link
