|
51425
|
vector by @akul | Stardance
|
akul
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: vector by @akul | Stardance
|
1793390046.7516747
|
1793994846.7516747
|
|
7802
|
My first slack bot! by @Binayakapudel | Stardance
|
Binayakapudel
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My first slack bot! by @Binayakapudel | Sta Title: My first slack bot! by @Binayakapudel | Stardance...
|
1793390045.8301687
|
1793994845.8301687
|
|
11908
|
Untitled by @thanEay | Stardance
|
thanEay
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Untitled by @thanEay | Stardance
|
1793390044.974035
|
1793994844.974035
|
|
51423
|
Hackpad with Touchpad by @nolanqsp | Stardance
|
nolanqsp
|
0
|
6.27
|
0
|
[]
|
[{"post_id": 58824, "ts": "202 [{"post_id": 58824, "ts": "2026-08-31T12:29:02Z", "hours": 1.2, "text": "Hackpad With TouchPad Devlog #3 I’ve fixed a few issues in the PCB, the microcontroller was inset from the edge of the PCB in a way where it would be difficult to access the usb port, so I rewired the PCB to bring it to the edge, also fixed a few clearence issues in Kicad. Also added more padding on the USB port hole to make sure the cable will fit."}, {"post_id": 52294, "ts": "2026-08-22T12:33:49Z", "hours": 0.5333, "text": "HackPad With TouchPad Devlog #2 I’ve been working on polishing up the case by adding the hole for the USB, along with adding “HACKPAD” to the top of the case and filleting most edges."}, {"post_id": 51785, "ts": "2026-08-21T17:00:29Z", "hours": 4.5333, "text": "HackPad With TouchPad Devlog #1 I am Working on a HackPad with 16 keys(4x4) and a touch/track pad, The Touchpad is salvaged from a broken keyboard. I plan to use the touchpad in software to do swipe gestures, etc. The PCB is done(it has a FFC(Flat Flexible Connecter) on it to plug into the touchpad). The Case is nearing completion but still needs a few finishing touches."}]...
|
Title: Hackpad with Touchpad by @nolanqsp | Starda Title: Hackpad with Touchpad by @nolanqsp | Stardance
Devlogs:
HackPad With TouchPad Devlog #1 I am Working on a HackPad with 16 keys(4x4) and a touch/track pad, The Touchpad is salvaged from a broken keyboard. I plan to use the touchpad in software to do swipe gestures, etc. The PCB is done(it has a FFC(Flat Flexible Connecter) on it to plug into the touchpad). The Case is nearing completion but still needs a few finishing touches.
HackPad With TouchPad Devlog #2 I’ve been working on polishing up the case by adding the hole for the USB, along with adding “HACKPAD” to the top of the case and filleting most edges.
Hackpad With TouchPad Devlog #3 I’ve fixed a few issues in the PCB, the microcontroller was inset from the edge of the PCB in a way where it would be difficult to access the usb port, so I rewired the PCB to bring it to the edge, also fixed a few clearence issues in Kicad. Also added more padding on the USB port hole to make sure the cable will fit....
|
1793390043.3796604
|
1793994843.3796604
|
|
26354
|
Untitled by @venkatpavandondapati | Stardance
|
venkatpavandondapati
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Untitled by @venkatpavandondapati | Stardan Title: Untitled by @venkatpavandondapati | Stardance...
|
1793390042.4676874
|
1793994842.4676874
|
|
51422
|
Web shooters by @ShreyankGhimire | Stardance
|
ShreyankGhimire
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Web shooters by @ShreyankGhimire | Stardanc Title: Web shooters by @ShreyankGhimire | Stardance...
|
1793390041.521941
|
1793994841.521941
|
|
29528
|
My own site! by @polo | Stardance
|
polo
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My own site! by @polo | Stardance
|
1793390038.2576458
|
1793994838.2576458
|
|
51421
|
Dear Diary by @Rimsha | Stardance
|
Rimsha
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Dear Diary by @Rimsha | Stardance
|
1793390031.7917924
|
1793994831.7917924
|
|
11615
|
a website by @sambitkumar566 | Stardance
|
sambitkumar566
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: a website by @sambitkumar566 | Stardance
|
1793390030.8197942
|
1793994830.8197942
|
|
51419
|
TO-DO LIST BY SOX by @ALM | Stardance
|
ALM
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: TO-DO LIST BY SOX by @ALM | Stardance
|
1793390029.9254925
|
1793994829.9254925
|
|
10225
|
Mouniiii by @mounir | Stardance
|
mounir
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Mouniiii by @mounir | Stardance
|
1793390029.073712
|
1793994829.073712
|
|
51418
|
WarioWare Game by @amiyraharora | Stardance
|
amiyraharora
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: WarioWare Game by @amiyraharora | Stardance
|
1793390028.2100046
|
1793994828.2100046
|
|
39698
|
Metric Renderer by @dspace1015 | Stardance
|
dspace1015
|
0
|
1.62
|
0
|
[]
|
[{"post_id": 36736, "ts": "202 [{"post_id": 36736, "ts": "2026-07-29T00:01:50Z", "hours": 1.6242, "text": "General Relativity Renderer This is my first devlog on my project where I am writing a program that renders different objects described by general relativity. I have experience doing this stuff before (though in scratch, not the best programming language for ease of use) so I decided to do this again in python. After for the last time realizing how slow python is(the attached image took ~ 11hrs to render with the current program) I’m deciding to try with another programming language. My current plan is to try webgl and gain experience using shaders, because every past method I use has not used the GPU to its full extent. After all of this I still want this to be as accurate as possible, sticking to the math as best I can. Objects I plan to simulate: Regular empty spacetime(relativistic effects) Schwarzschild Black Hole Kerr Black Hole Binary Black Holes (heuristic) wormhole Potentially any metric you can design with any set of coordinates"}]...
|
Title: Metric Renderer by @dspace1015 | Stardance
Title: Metric Renderer by @dspace1015 | Stardance
Devlogs:
General Relativity Renderer This is my first devlog on my project where I am writing a program that renders different objects described by general relativity. I have experience doing this stuff before (though in scratch, not the best programming language for ease of use) so I decided to do this again in python. After for the last time realizing how slow python is(the attached image took ~ 11hrs to render with the current program) I’m deciding to try with another programming language. My current plan is to try webgl and gain experience using shaders, because every past method I use has not used the GPU to its full extent. After all of this I still want this to be as accurate as possible, sticking to the math as best I can. Objects I plan to simulate: Regular empty spacetime(relativistic effects) Schwarzschild Black Hole Kerr Black Hole Binary Black Holes (heuristic) wormhole Potentially any metric you can design with any set of coordinates...
|
1793390027.2554228
|
1793994827.2554228
|
|
51417
|
DIY Hall effect Gaming Keyboard by @Raiyan15 | Sta DIY Hall effect Gaming Keyboard by @Raiyan15 | Stardance...
|
Raiyan15
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: DIY Hall effect Gaming Keyboard by @Raiyan1 Title: DIY Hall effect Gaming Keyboard by @Raiyan15 | Stardance...
|
1793390026.3420498
|
1793994826.3420498
|
|
51416
|
My awesome macropad! by @rhiannekeilly | Stardance
|
rhiannekeilly
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @rhiannekeilly | St Title: My awesome macropad! by @rhiannekeilly | Stardance...
|
1793390025.4682493
|
1793994825.4682493
|
|
18075
|
My awesome macropad! by @ann | Stardance
|
ann
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @ann | Stardance
|
1793390024.5522056
|
1793994824.5522056
|
|
51415
|
Roz the robot by @julesthecrow | Stardance
|
julesthecrow
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Roz the robot by @julesthecrow | Stardance
|
1793390023.6438565
|
1793994823.6438565
|
|
40646
|
My own site! by @kianc | Stardance
|
kianc
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My own site! by @kianc | Stardance
|
1793390022.7573142
|
1793994822.7573142
|
|
1616
|
cdn by @co | Stardance
|
co
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: cdn by @co | Stardance
|
1793390021.831892
|
1793994821.831892
|
|
5878
|
Desktop Application by @kennedyrosejean | Stardanc Desktop Application by @kennedyrosejean | Stardance...
|
kennedyrosejean
|
0
|
0.33
|
0
|
[]
|
[{"post_id": 11774, "ts": "202 [{"post_id": 11774, "ts": "2026-06-19T04:56:22Z", "hours": 0.3256, "text": "I worked on my personal OS and added a dog on the front because my dog is a doodle"}]...
|
Title: Desktop Application by @kennedyrosejean | S Title: Desktop Application by @kennedyrosejean | Stardance
Devlogs:
I worked on my personal OS and added a dog on the front because my dog is a doodle...
|
1793390020.9360545
|
1793994820.9360545
|
|
24123
|
My first slack bot! by @Charvik | Stardance
|
Charvik
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My first slack bot! by @Charvik | Stardance
|
1793390020.0295718
|
1793994820.0295718
|
|
51411
|
passwords by @Kn1ghtmere | Stardance
|
Kn1ghtmere
|
0
|
4.38
|
0
|
[]
|
[{"post_id": 51087, "ts": "202 [{"post_id": 51087, "ts": "2026-08-20T16:09:16Z", "hours": 4.3839, "text": "what kind of lever should i add? I know the colours look bad but umm im gonna replace them later with a better palette. for now the generator is working , and the slots give a good enuff casino like vibe. Im jus thinkin of adding a pull lever cuz thats how slot machines r supposed to work but i dont wanna ruin the thing i need to figure it out. plus i think when increasing the number of slots it shuld look better and not just slots appearing outta nowhere"}]...
|
Title: passwords by @Kn1ghtmere | Stardance
Devlo Title: passwords by @Kn1ghtmere | Stardance
Devlogs:
what kind of lever should i add? I know the colours look bad but umm im gonna replace them later with a better palette. for now the generator is working , and the slots give a good enuff casino like vibe. Im jus thinkin of adding a pull lever cuz thats how slot machines r supposed to work but i dont wanna ruin the thing i need to figure it out. plus i think when increasing the number of slots it shuld look better and not just slots appearing outta nowhere...
|
1793390019.057898
|
1793994819.057898
|
|
51410
|
My own site! by @jacksonacademyashmore4 | Stardanc My own site! by @jacksonacademyashmore4 | Stardance...
|
jacksonacademyashmore4
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My own site! by @jacksonacademyashmore4 | S Title: My own site! by @jacksonacademyashmore4 | Stardance...
|
1793390018.168614
|
1793994818.168614
|
|
35909
|
My first slack bot! by @N3ONBLADE | Stardance
|
N3ONBLADE
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My first slack bot! by @N3ONBLADE | Stardan Title: My first slack bot! by @N3ONBLADE | Stardance...
|
1793390017.275076
|
1793994817.275076
|
|
32901
|
My own site! by @natasya | Stardance
|
natasya
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My own site! by @natasya | Stardance
|
1793390016.3726268
|
1793994816.3726268
|
|
51407
|
UNREAL GAMEEEE! by @SakshamJoshi | Stardance
|
SakshamJoshi
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: UNREAL GAMEEEE! by @SakshamJoshi | Stardanc Title: UNREAL GAMEEEE! by @SakshamJoshi | Stardance...
|
1793390015.1909533
|
1793994815.1909533
|
|
8884
|
DBS for OCD by @rickrhanish | Stardance
|
rickrhanish
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: DBS for OCD by @rickrhanish | Stardance
|
1793390014.3028114
|
1793994814.3028114
|
|
51406
|
My very own WebOS by @THEBEST | Stardance
|
THEBEST
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My very own WebOS by @THEBEST | Stardance
|
1793390013.3670142
|
1793994813.3670142
|
|
51405
|
The Comnitrix by @Ouelbag_Blue | Stardance
|
Ouelbag_Blue
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: The Comnitrix by @Ouelbag_Blue | Stardance
|
1793390012.44943
|
1793994812.44943
|
|
51404
|
YOOOOO! by @SakshamJoshi | Stardance
|
SakshamJoshi
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: YOOOOO! by @SakshamJoshi | Stardance
|
1793390011.57238
|
1793994811.57238
|
|
23012
|
My very own WebOS by @zara_reh | Stardance
|
zara_reh
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My very own WebOS by @zara_reh | Stardance
|
1793390010.649504
|
1793994810.649504
|
|
51403
|
Elysium Pomodoro Timer by @Atharverse | Stardance
|
Atharverse
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Elysium Pomodoro Timer by @Atharverse | Sta Title: Elysium Pomodoro Timer by @Atharverse | Stardance...
|
1793390009.7220414
|
1793994809.7220414
|
|
9929
|
OpenWatch by @sebbemercier | Stardance
|
sebbemercier
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: OpenWatch by @sebbemercier | Stardance
|
1793390008.8409445
|
1793994808.8409445
|
|
51402
|
My awesome macropad! by @damanagarelaxman123 | Sta My awesome macropad! by @damanagarelaxman123 | Stardance...
|
damanagarelaxman123
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @damanagarelaxman12 Title: My awesome macropad! by @damanagarelaxman123 | Stardance...
|
1793390007.9638617
|
1793994807.9638617
|
|
51401
|
4x6 Vinted Label Crop by @alessandro_stano | Stard 4x6 Vinted Label Crop by @alessandro_stano | Stardance...
|
alessandro_stano
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: 4x6 Vinted Label Crop by @alessandro_stano Title: 4x6 Vinted Label Crop by @alessandro_stano | Stardance...
|
1793390007.0320802
|
1793994807.0320802
|
|
51400
|
FaceID python by @mirac23 | Stardance
|
mirac23
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: FaceID python by @mirac23 | Stardance
|
1793390006.0710304
|
1793994806.0710304
|
|
28797
|
My awesome macropad! by @Jeffrey_mp4 | Stardance
|
Jeffrey_mp4
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @Jeffrey_mp4 | Star Title: My awesome macropad! by @Jeffrey_mp4 | Stardance...
|
1793390005.145868
|
1793994805.145868
|
|
1970
|
My first slack bot! by @MorarityCodez | Stardance
|
MorarityCodez
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My first slack bot! by @MorarityCodez | Sta Title: My first slack bot! by @MorarityCodez | Stardance...
|
1793390004.2338755
|
1793994804.2338755
|
|
23667
|
My first slack bot! by @Dragosork | Stardance
|
Dragosork
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My first slack bot! by @Dragosork | Stardan Title: My first slack bot! by @Dragosork | Stardance...
|
1793390003.3317213
|
1793994803.3317213
|
|
7670
|
My awesome macropad! by @Anindya | Stardance
|
Anindya
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @Anindya | Stardanc Title: My awesome macropad! by @Anindya | Stardance...
|
1793390001.3609269
|
1793994801.3609269
|
|
32641
|
My first website! by @bhowmiksourodeep | Stardance
|
bhowmiksourodeep
|
0
|
0.59
|
0
|
[]
|
[{"post_id": 25436, "ts": "202 [{"post_id": 25436, "ts": "2026-07-09T18:21:26Z", "hours": 0.5878, "text": "Today I’m learning the basics and building an outline of my website. Slow, but essential progress has been made."}]...
|
Title: My first website! by @bhowmiksourodeep | St Title: My first website! by @bhowmiksourodeep | Stardance
Devlogs:
Today I’m learning the basics and building an outline of my website. Slow, but essential progress has been made....
|
1793389996.107391
|
1793994796.107391
|
|
27150
|
My very own WebOS by @friederike | Stardance
|
friederike
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My very own WebOS by @friederike | Stardanc Title: My very own WebOS by @friederike | Stardance...
|
1793389994.8565917
|
1793994794.8565917
|
|
28559
|
My own site! by @AyushMukherjee | Stardance
|
AyushMukherjee
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My own site! by @AyushMukherjee | Stardance
|
1793389993.9609113
|
1793994793.9609113
|
|
23748
|
My very own WebOS by @mileyshekel | Stardance
|
mileyshekel
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My very own WebOS by @mileyshekel | Stardan Title: My very own WebOS by @mileyshekel | Stardance...
|
1793389993.083816
|
1793994793.083816
|
|
7895
|
music things idk by @jelly | Stardance
|
jelly
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: music things idk by @jelly | Stardance
|
1793389992.197972
|
1793994792.197972
|
|
17871
|
My awesome macropad! by @Rohan_B | Stardance
|
Rohan_B
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My awesome macropad! by @Rohan_B | Stardanc Title: My awesome macropad! by @Rohan_B | Stardance...
|
1793389991.3180828
|
1793994791.3180828
|
|
29977
|
Untitled by @NitrozingGuy | Stardance
|
NitrozingGuy
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Untitled by @NitrozingGuy | Stardance
|
1793389990.4099293
|
1793994790.4099293
|
|
34505
|
My own site! by @UnknownUser | Stardance
|
UnknownUser
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: My own site! by @UnknownUser | Stardance
|
1793389989.5023413
|
1793994789.5023413
|
|
40550
|
Raspberry pi pico notepad by @Emore | Stardance
|
Emore
|
0
|
0.0
|
0
|
[]
|
[]
|
Title: Raspberry pi pico notepad by @Emore | Stard Title: Raspberry pi pico notepad by @Emore | Stardance...
|
1793389988.6045027
|
1793994788.6045027
|
|
8592
|
EduBridge v1 by @issjayhere | Stardance
|
issjayhere
|
0
|
5.59
|
0
|
[]
|
[{"post_id": 34543, "ts": "202 [{"post_id": 34543, "ts": "2026-07-25T10:47:41Z", "hours": 2.7378, "text": "wow, so an hour and a few minutes in and i already made a decent looking chatbot page. not bad. again, i made a scrappy prototype, and then the polished one and i’ve attached the both of them here. the same old routine. i made it go from an unordered list of random buttons to a sidebar which looks decent. pushed the header “Good Morning Stardancer!” to the center of the page and pushed it a slight bit up to the center, and made input box. what the chatbot page consists of: 4 chats as a sample of the chat history feature a ‘New Chat’ button a ‘Search Chats’ button a bar showing user’s name, user’s profile photo and a logout button. and a greeting which looks optimistic but feels like the sun on a cloudy day. i didn’t mention how I made this, though. Neither did i on my previous devlogs. i used CSS and linked the file as a stylesheet hyper-reference to my HTML/browser page file. I then used absolute positioning for standalone elements/children elements (inside containers) and relative positioning for the parent container itself, this allows to “lock” the elements inside in and not let it come outside. i used text-align: center for as many times i can(not) count (more than 25 times, that’s all i can say confidently) and directional attributes (top, left, right) is the runner up. both of them set the exact direction/“coordinates” an element must be placed appropriately at. of course, background-color, border and border-radius. the mystical trio. one sets the color of the elemental backdrop itself, another sets the size of the border and its color and the last one sets the curvature of its corners. these three are the holy trinity if you want to style an input box, a container, a button or a textbox. width and height are two more attributes which are super important, cuz they literally set the size of elements to appear on the screen. what this taught me was about experimenting with different numbers. testing them out gave me so much information about how a prior line of code worked and why that created the pathway for a specific code to work and why it wouldn’t (i spent an hour crashing out on calling back an id with a . and went on to style hovering buttons–progress much??). p.s: use PIXELS NEVER CM OR INCHES (px :))"}, {"post_id": 34412, "ts": "2026-07-25T02:57:49Z", "hours": 1.6614, "text": "i chose to make a separate page to enter a password. since i’m a beginner i figured out that for a decent prototype and to show how my app flow functions, i’d just make a separate page for it. i might shift the password feature to the homepage later, but this is my plan so far. So what we can see here is a before vs. after of the password page. Like how you saw the stuff in my first and second devlog, how i went from a scrappy prototype to a decent and cleaned up one clearly showing the intended structure, i’ve framed it similarly here as well. the first photo shows the elements that were put together using pure semantic HTML (no CSS yet), the logo, the heading, the container which consists of the subtext, password input and button weren’t styled yet. the second photo on the other hand shows the cleaned up version using CSS and the similar principles I presented in my second devlog. And guess what? this is the exact same page i hinted about in my second devlog? exciting for you? maybe not. exciting for me? absolutely. It does the same three things. On a serious note though, I coded this mechanism using JavaScript by comparing the fixedPassword (a constant variable) to the passwordEntered (another constant variable which receives the input from the input id using getElementById(“elementName”) ). I assigned two more constant variables, one, to retrieve the click of the ‘Continue’ button and number two, to push an error message. Additionally, I used an addEventListener function, which responds to the click of the button and nested three different conditionals inside the click function. “IF the password is correct” - it takes you to the next page using window.location.href (which I already spoiled earlier) “ELSE IF there is no password incorrect” - trigger a response. “ELSE” - trigger another error response."}, {"post_id": 34033, "ts": "2026-07-24T13:36:58Z", "hours": 0.8825, "text": "i just made the interface WAY better. still not at the level i expected, but that’s alright. the change happened when i implemented CSS instead of just HTML (which i did in my first devlog, yikes). I created a container that consisted of 4 elements. I then assigned classes and IDs to every element on the page so I could select and style them accordingly in my CSS stylesheet. I then used some JavaScript to make the form more interactive. Right now the page can do three things: - If you enter the right email address, the page redirects you to another page (spoiler for upcoming devlogs 👀). - If you don’t enter an email at all and try to bypass it, the page tells you to stop being lazy. - What if you enter the wrong email address? Beep. Beep. Invalid email ID. Jokes aside, this helped me learn about the division of web-development. HTML created the form and threw all the elements on the page, CSS styled them using cryptic code that still gives me headaches. And JavaScript made it all more interactive and useful… like that one guy we all depend on in a group project (hey, shout out man). Right now, it doesn’t have a secure authentication system, because, news flash, I don’t want to make it that strict for a v1. Maybe in v4s or v5s."}, {"post_id": 33935, "ts": "2026-07-24T08:02:23Z", "hours": 0.3075, "text": "ok so right now what i am doing is getting all the elements on to the page. looks scrappy, i know. but the main goal here is to ONLY and ONLY bring into life the h2 (at the absolute top), h1 (quick talk, smooth school) that subtext below, the buttons, the OR with a divider line and the input box. zero polish, and the next 15 minutes will be spent on, well, trying to get it to be polished."}]...
|
Title: EduBridge v1 by @issjayhere | Stardance
De Title: EduBridge v1 by @issjayhere | Stardance
Devlogs:
ok so right now what i am doing is getting all the elements on to the page. looks scrappy, i know. but the main goal here is to ONLY and ONLY bring into life the h2 (at the absolute top), h1 (quick talk, smooth school) that subtext below, the buttons, the OR with a divider line and the input box. zero polish, and the next 15 minutes will be spent on, well, trying to get it to be polished.
i just made the interface WAY better. still not at the level i expected, but that’s alright. the change happened when i implemented CSS instead of just HTML (which i did in my first devlog, yikes). I created a container that consisted of 4 elements. I then assigned classes and IDs to every element on the page so I could select and style them accordingly in my CSS stylesheet. I then used some JavaScript to make the form more interactive. Right now the page can do three things: - If you enter the right email address, the page redirects you to another page (spoiler for upcoming devlogs 👀). - If you don’t enter an email at all and try to bypass it, the page tells you to stop being lazy. - What if you enter the wrong email address? Beep. Beep. Invalid email ID. Jokes aside, this helped me learn about the division of web-development. HTML created the form and threw all the elements on the page, CSS styled them using cryptic code that still gives me headaches. And JavaScript made it all more interactive and useful… like that one guy we all depend on in a group project (hey, shout out man). Right now, it doesn’t have a secure authentication system, because, news flash, I don’t want to make it that strict for a v1. Maybe in v4s or v5s.
i chose to make a separate page to enter a password. since i’m a beginner i figured out that for a decent prototype and to show how my app flow functions, i’d just make a separate page for it. i might shift the password feature to the homepage later, but this is my plan so far. So what we can see here is a before vs. after of the password page. Like how you saw the stuff in my first and second devlog, how i went from a scrappy prototype to a decent and cleaned up one clearly showing the intended structure, i’ve framed it similarly here as well. the first photo shows the elements that were put together using pure semantic HTML (no CSS yet), the logo, the heading, the container which consists of the subtext, password input and button weren’t styled yet. the second photo on the other hand shows the cleaned up version using CSS and the similar principles I presented in my second devlog. And guess what? this is the exact same page i hinted about in my second devlog? exciting for you? maybe not. exciting for me? absolutely. It does the same three things. On a serious note though, I coded this mechanism using JavaScript by comparing the fixedPassword (a constant variable) to the passwordEntered (another constant variable which receives the input from the input id using getElementById(“elementName”) ). I assigned two more constant variables, one, to retrieve the click of the ‘Continue’ button and number two, to push an error message. Additionally, I used an addEventListener function, which responds to the click of the button and nested three different conditionals inside the click function. “IF the password is correct” - it takes you to the next page using window.location.href (which I already spoiled earlier) “ELSE IF there is no password incorrect” - trigger a response. “ELSE” - trigger another error response.
wow, so an hour and a few minutes in and i already made a decent looking chatbot page. not bad. again, i made a scrappy prototype, and then the polished one and i’ve attached the both of them here. the same old routine. i made it go from an unordered list of random buttons to a sidebar which looks decent. pushed the header “Good Morning Stardancer!” to the center of the page and pushed it a slight bit up to the center, and made input box. what the chatbot page consists of: 4 chats as a sample of the chat history feature a ‘New Chat’ button a ‘Search Chats’ button a bar showing user’s name, user’s profile photo and a logout button. and a greeting which looks optimistic but feels like the sun on a cloudy day. i didn’t mention how I made this, though. Neither did i on my previous devlogs. i used CSS and linked the file as a stylesheet hyper-reference to my HTML/browser page file. I then used absolute positioning for standalone elements/children elements (inside containers) and relative positioning for the parent container itself, this allows to “lock” the elements inside in and not let it come outside. i used text-align: center for as many times i can(not) count (more than 25 times, that’s all i can say confidently) and directional attributes (top, left, right) is the runner up. both of them set the exact direction/“coordinates” an element must be placed appropriately at. of course, background-color, border and border-radius. the mystical trio. one sets the color of the elemental backdrop itself, another sets the size of the border and its color and the last one sets the curvature of its corners. these three are the holy trinity if you want to style an input box, a container, a button or a textbox. width and height are two more attributes which are super important, cuz they literally set the size of elements to appear on the screen. what this taught me was about experimenting with different numbers. testing them out gave me so much information about how a prior line of code worked and why that created the pathway for a specific code to work and why it wouldn’t (i spent an hour crashing out on calling back an id with a . and went on to style hovering buttons–progress much??). p.s: use PIXELS NEVER CM OR INCHES (px :))...
|
1793389987.2463524
|
1793994787.2463524
|