@AkulSaju-U07CPR9AK8B – Hack Club Scrapbook

Thu, Aug 22

github.com/akulsaju/calender Calendar with Holidays This project is a simple web-based calendar for August 2024, featuring the ability to highlight holidays. The calendar is built using HTML, CSS, and JavaScript, all contained within a single HTML file. Features • HTML Structure: Provides the basic layout for the calendar. • CSS Styling: Styles the calendar for a clean and user-friendly appearance. • JavaScript Functionality: Dynamically highlights holidays and displays tooltips. Files • calendar.html: The main file that includes HTML, CSS, and JavaScript.

https://imgutil.s3.us-east-2.amazonaws.com/d6703e233cb7c74f7eee564ad362851b06d59a2e01fc52f2827395c593faea3a/98a16a7b-03ad-412f-a997-ca71094518ed.png

Thu, Aug 22

github.com/akulsaju/Hackaccino 3D Website with Three.js and A-Frame Overview This project demonstrates how to create an engaging 3D web experience using both Three.js and A-Frame. It features interactive 3D elements rendered with A-Frame and a rotating 3D cube created with Three.js, all on a single webpage. Features • A-Frame Scene: ◦ Interactive 3D box, sphere, and plane. ◦ Basic lighting and camera setup. ◦ Event-based interactions to change the color of the box on mouse hover. • Three.js Scene: ◦ Rotating 3D cube. ◦ Basic scene setup with WebGLRenderer and PerspectiveCamera. ◦ Continuous rotation due to the animation loop. Technologies Used • Three.js: A JavaScript library for creating 3D graphics using WebGL. • A-Frame: A web framework for building virtual reality (VR) experiences with HTML-like syntax.

https://scrapbook-into-the-redwoods.s3.amazonaws.com/7aa472f1-ae5c-4d2a-9b9e-323fa740a266-screenshot_2024-08-10_220226.png

https://imgutil.s3.us-east-2.amazonaws.com/c5cab83c3134ca95527e57d986aba022a34a95a201936f69a65de8c7d3adb898/85e1e00e-1a58-4620-b739-1d4fb8b6bf86.png

Thu, Aug 22

github.com/akulsaju/game # Hack Club Flappy Bird 🐦 Welcome to *Hack Club Flappy Bird, a simple yet fun 2D game inspired by the classic Flappy Bird, featuring Hack Club’s signature style. The game is built using HTML, CSS, and JavaScript, making it easy to run and customize. ## 📝 Overview The objective of the game is to navigate the bird through obstacles (pipes) by pressing the spacebar to keep it airborne. The game tracks your score based on how many pipes you successfully pass. Be careful not to hit the pipes or fall off the screen! ## 🚀 How to Play- Start the Game: Press the `spacebar` to begin. - Control the Bird: Press the `spacebar` repeatedly to make the bird fly upwards. - Avoid Obstacles: Pass through gaps in the pipes to score points. - Game Over: The game ends if the bird collides with a pipe or falls off the screen. Press `spacebar` to restart. ## 🎨 Hack Club Theme This version of Flappy Bird is specially themed for Hack Club: - The bird is styled with Hack Club’s signature red color `#ec3750`. - The game features a red background and white text to match Hack Club’s design. - Black pipes act as obstacles, providing contrast against the bright Hack Club palette. Screenshot 2024-08-22 123331.png akulsaju/game Language HTML Last updated* 19 minutes ago Added by GitHub

https://imgutil.s3.us-east-2.amazonaws.com/172a4dc5d774a886465df3f9808f2a5ed08c2b27c282e39a69a80ea3d8e806b5/5faf71a9-ce42-4612-ad8f-a2c4199dcb77.png

Fri, Jul 19

HTML Number Generator This project is a simple HTML-based number generator that allows users to generate random numbers with a specified number of digits. Features • Customizable Number of Digits: Users can input the desired number of digits for the generated number. • Generate Random Numbers: Clicking the "Generate Number" button generates a random number based on the specified digits. • Clear Interface: Minimalistic design with clear instructions for easy usability. github.com/akulsaju/HTMLNUMBERGENERATOR

https://imgutil.s3.us-east-2.amazonaws.com/6a580f240f1e53f8febd5087e94b29f2912ea165582e28afa4fa514e9dc84463/cb34f50c-d7dd-4dd1-93df-aee26ee0c28e.png

Fri, Jul 19

Simple HTML Timer This project demonstrates a simple timer implemented using HTML, CSS, and JavaScript. Features • Start, stop, and display a timer in the format HH:MM:SS. • Basic UI with start and stop buttons. github.com/akulsaju/htmltimer

https://imgutil.s3.us-east-2.amazonaws.com/bd85acdf57b392808f7761db38683700baeba6bc86deeed44751ac4ae0e864da/0004e0b3-6be0-478e-a85d-c41847aa1aa3.png

Fri, Jul 19

HTML Stopwatch This project implements a simple stopwatch using HTML, CSS, and JavaScript. Features • Start: Begin the stopwatch timer. • Stop: Pause the stopwatch timer. • Reset: Reset the stopwatch timer to 00:00:00. github.com/akulsaju/htmlstopwatch

https://imgutil.s3.us-east-2.amazonaws.com/b3af23998ad57344cfd8f075a6366003c18c5e1b268c20c342ebfcf1050cd3e2/91377f53-32f5-4d9c-a7d5-72803ddb743f.png

Wed, Jul 17

This project showcases a minimalist HTML calculator designed with Apple's clean aesthetic in mind. It features essential arithmetic operations, responsive design for seamless usability across devices, and serves as a practical demonstration of HTML, CSS, and JavaScript integration for creating functional web applications. Commit: github.com/akulsaju/htmlcalculator Webpage:html-calculator.static.domains/calculator

https://imgutil.s3.us-east-2.amazonaws.com/d73a4e57d8fda2a944b29b424d12c02ffdf8b77f589ec99b4fdb4465c1633289/15d17235-9a47-4f42-9e63-c125cb766c4c.png

Wed, Jul 17

Hey there! This is Akul's personal website—it's where I showcase my passion for coding and technology. As a 13-year-old student and Hack Club leader, I've built this site to share what I'm all about. You'll find sections here that highlight: • About Me: Get to know me a bit and why I love coding. • Skills: See what I'm good at, like HTML, CSS, and JavaScript. • Projects: Check out some cool stuff I've worked on, like designing a vacuum system for a Hyperloop and organizing a hackathon. • Contact Me: Want to connect? Drop me an email at [email protected] or find me on GitHub as akulsaju. Github Commit: github.com/akulsaju/htmlpersonalwebsite

https://scrapbook-into-the-redwoods.s3.amazonaws.com/fcb46e2e-6339-41cd-990f-a9b2cc29b061-web_pic2.png

https://scrapbook-into-the-redwoods.s3.amazonaws.com/97782bf6-ba46-4a39-a177-b6294af22ffa-web_pic1.png

https://imgutil.s3.us-east-2.amazonaws.com/becd62d472fe8d343b0eb6c48fe5354d9e3d0cecb5d4dd0d08fb06742ab5868f/6cae828e-073a-4921-9568-198322fcb5e1.png