@Nikhil-U079JUC2FKR – Hack Club Scrapbook

Sun, Sep 1

Hey, I have made additional to a project where I am testing different components in React, and how they work. Its really a project that shows different ui components, and I hope it helps you guys as well Link to Repo: github.com/SkywardSyntax/UITesting Link to Demo: skywardsyntax.github.io/UITesting

https://imgutil.s3.us-east-2.amazonaws.com/4cbaf2cabf508ccd99bb330540218cd7af929e076e322a0da011ae3efeca40d8/30d92198-457c-471f-9617-1f15fe1d3d57.png

Sun, Sep 1

Hey, I am working on a Homework Helper website that has a lot of widgets that’s useful to have when doing Hw. Since arcade ends today, I am submitting the scrapbook. The website is still in very early development, but hope you guys like it. Link to Repo: github.com/SkywardSyntax HomeworkHelper Link to Demo: skywardsyntax.github.io/HomeworkHelper

https://imgutil.s3.us-east-2.amazonaws.com/4a10deee2a712213d1d4dc2a242ad5cca964e061e716e00d6005ce62d0072161/eb22da98-4248-46c4-abdb-72c40825ef0e.png

Thu, Aug 15

This is another post for additional sessions for my arcade game jam check point

Thu, Aug 15

Hey everyone, I think I’ve reached a point in my game jam that I consider a checkpoint. I have fully implemented character motion, added enemies, and implemented a functioning mini-map, and camera following. It has taken me a while to get this far, but I learned a lot of web dev skills, and understood how beneficial typescript is for creating something as complex as what I’m designing. Here’s a quick demo

Sun, Aug 11

Just another post to link more sessions to my STLViewer project Link to demo skywardsyntax.github.io/STLViewer Link to Repository github.com/SkywardSyntax/STLViewer

https://imgutil.s3.us-east-2.amazonaws.com/8d6840299a3b69fed6bfe9257192b1a543d574f5b7a55d96e2d55600ad6b2a9e/f068959a-cd0f-4ea1-acb8-54c95173cbee.png

Sun, Aug 11

Hey everyone, I have just completed another 3D Website Project. The goal of this project was to try to render a custom 3D model through STL files. It was a difficult project, I learned a lot about how the STL file stores the data, and how it should be read to render it correctly. I made it using Next.JS and WebGL Link to Demo skywardsyntax.github.io/STLViewer Link to Repository github.com/SkywardSyntax/STLViewer

https://imgutil.s3.us-east-2.amazonaws.com/8d6840299a3b69fed6bfe9257192b1a543d574f5b7a55d96e2d55600ad6b2a9e/de99eaf9-56dd-4f51-a60f-2485aea64999.png

Mon, Aug 5

WoooOOOAAAh there! You can only share images, audio files, videos or links with previews in #scrapbook! I've deleted your message: Hey guys, this post is for me to add a couple more sessions, and make sure to play the game in the link below! skywardsyntax.github.io/Snake Link to Repo: www.github.com/SkywardSyntax/Snake

https://imgutil.s3.us-east-2.amazonaws.com/739d9575961d36ccfd0661c34050731669cbec6e9bd3f7d81462e73a6e3fe2c7/ed0503a1-4222-42cd-a4d4-7c674bc818f7.png

Mon, Aug 5

Hey Guys I just finished implementing a Snake Game using WebGL and Next Js. This is my first foray into using WebGL to render frames in an actual game, which is something I’ve wanted to do for a while. It was a learning process to be able to get the game to where it is now, and I hope you guys like it Link to Demo Site skywardsyntax.github.io/Snake Link to Repository github.com/SkywardSyntax/Snake

https://imgutil.s3.us-east-2.amazonaws.com/739d9575961d36ccfd0661c34050731669cbec6e9bd3f7d81462e73a6e3fe2c7/0259c4b4-2109-4da3-93db-b3d6478760c9.png

Sun, Aug 4

Hey Guys, I finally reached a point where I feel like I can share what I have so far on my latest project. Basically this project is a proof of concept of a lighting engine fully implemented in js using Next.JS and external libraries. Here’s a link to the demo site skywardsyntax.github.io/LightingEngine Here’s a link to the repo github.com/SkywardSyntax/LightingEngine

https://imgutil.s3.us-east-2.amazonaws.com/2073acd53424c84e56efd14ff160e09305f3d5c4d62232991261f2655d565121/0e75f4a9-cad5-4c3d-b85b-0cb981895b59.png

Sun, Jul 28

Hey guys, I just finished programming the programming of teleop and auton for our FRC Offseason robot, here’s a link to videos of it photos.app.goo.gl/3nqcCGDXm9FWcHGw7 Here’s the link to the repo github.com/WestwoodRobotics/KiwiCode

https://imgutil.s3.us-east-2.amazonaws.com/6ffd70672c249a0324b647de22be2d168b4f97abd309f05b9d3646c7796aa129/1bce33ea-5eb4-495a-8b46-344b8fd3fe62.png

Sun, Jul 28

I have just completed my 3rd 3D project using WebGL. This time I incorporated the use of the three.js javascript library, to simplify the creation of 3D objects, so that I can devote more time furthering the shader algorithms that I use. Here’s the link to the demo skywardsyntax.github.io/3DExploration Here’s a link to the repository github.com/SkywardSyntax/3DExploration

https://imgutil.s3.us-east-2.amazonaws.com/458cfc6f48e5ca56223b1593690033b9aab7f493960a58d48b80dd89faa37845/503dc822-b75f-4fdc-8ce7-c605c7b28039.png

Wed, Jul 24

Hey everyone, I have just completed my first project which makes use of Raymarching. I used WebGL for processing the visuals and matrix transformations, with Next.Js to package the website to Github Pages. I hope you guys enjoy the demo. Link to demo: skywardsyntax.github.io/3DRaymarching Link to Repository github.com/SkywardSyntax/3DRaymarching

https://imgutil.s3.us-east-2.amazonaws.com/b8c1850f46aaf52430ddcb1e40a80cb95c5404758a8da7b1c837ecd8a0651642/c4f70e10-08c0-4016-82a7-f5659c5ac9be.png

Sun, Jul 21

Hey everyone, I just completed and am shipping my first WebGL 3D Project. The project is a website I created that uses WebGL for graphical processing, on top of the NextJS Framework. The application is relatively simple, but my intent for this project was to learn more about WebGL shaders, Graphics optimization, and the use of matrices and linear algebra in graphical computing. Hope you guys enjoy it. Here’s a link to the demo website skywardsyntax.github.io/3DWebGL Here’s the link to the repository www.github.com/SkywardSyntax/3DWebGL

https://imgutil.s3.us-east-2.amazonaws.com/315581ce214937a8b705984334b816337abc4c0ce8073e4d8ec589655e1b842f/de82c5af-f09a-48f8-b937-b4528703de5e.png

Sat, Jul 20

I have designed a react based music visualization website. I’m still relatively new to web development, and this will be my fifth web application, which is why I wanted to foray into using API’s as well as WebGL alongside the traditional react ui creation. Here’s the current website skywardsyntax.github.io/MusicVisualizer Here’s the link to my repository github.com/SkywardSyntax/MusicVisualizer/commit/0cb2bf3dff66bb8ec53fca95a6706358d7da0e9f

https://imgutil.s3.us-east-2.amazonaws.com/cf7d7e7bfc5bbd9e2a5d35af7c6f785f2c97c934cd6d64034b9aa3d28a5b6109/e02fa5fc-704f-405b-944f-771944e953bd.png

Wed, Jul 17

WoooOOOAAAh there! You can only share images, audio files, videos or links with previews in #scrapbook! I've deleted your message: I have more sessions to share so I am adding another post here. This is the link to my message with the corresponding project that I have more sessions to share for hackclub.slack.com/archives/C01504DCLVD/p1721186219663289 Here's a link to the corresponding repo as well www.github.com/SkywardSyntax/GeminiFlask

https://imgutil.s3.us-east-2.amazonaws.com/63c1febb98769ce9e2f3b52a41c6801f4d48bacc0c4b2d308b90d2b1ec81d400/181d9659-643b-4cb0-927c-3a5d29bd0a60.png

Wed, Jul 17

#scrapbook Hey everyone, I made a chat bot that allows you talk to the Google Gemini 1.5 Flash Model. This was my first foray to creating a full stack application that has an API Interface component. I made this project using the flask framework for the backend, and used HTML CSS, and JS for the front end. Overall, I feel like I've gained a lot of experience in using the Gemini API, and I assume other AI Providers have a similar interface, so I hope and look forward to work the OpenAI API, as well. This is the link to the GitHub repo www.github.com/SkywardSyntax/GeminiFlask This is the link to the live demo hosted on MS Azure 52.184.231.48

https://imgutil.s3.us-east-2.amazonaws.com/63c1febb98769ce9e2f3b52a41c6801f4d48bacc0c4b2d308b90d2b1ec81d400/4ae18196-ad84-4359-b988-4f80f6289c5b.png

Fri, Jul 12

I just finished a Tic Tac Toe website. This was my first Next JS project, and I definitely learned a lot about how Next JS works, and how it differs from React and Svelte. I hope you guys like it! Here’s a link to the repo: github.com/SkywardSyntax/TicTacToe-NextJS/tree/main?tab=readme-ov-file Here’s a link to the live website: skywardsyntax.github.io/TicTacToe-NextJS

https://imgutil.s3.us-east-2.amazonaws.com/15b8ea8548a2947fb6276874e6776afa63bbf51a4886202ceb7b56eaef60f18d/d4fcca69-a51a-42ac-bd49-7ab600c9e21e.png

Sat, Jul 6

#arcade I made a budget tracking web application/website with svelte. This was my first svelte project, so I apologize if its unoptimized. I initially started out this project using plan html, css, and js, and I quickly realized I need to use a framework to maintain my sanity. I was initially thinking of using react, but I wanted to give svete a try, because I haven’t used it before, and I heard it was a pretty user friendly framework. I also learned a decent bit of creating resources on Azure to host this application, here’s the link to it. finance.centralindia.cloudapp.azure.com Thank You!

https://scrapbook-into-the-redwoods.s3.amazonaws.com/8dd49014-0173-4dd2-85ee-b0d740100883-image_7-6-24_at_1.03___am.jpg

Sat, Jul 6

https://scrapbook-into-the-redwoods.s3.amazonaws.com/aa143efa-d37d-40aa-8750-31ea08f2a67d-image_7-6-24_at_1.03___am.jpg