Well here we go! Couldn’t ship until my last one got clear, so here you go! hope you enjoy it, the graphics work best on mid-tier hardware, try to enable GPU rasterisation if you’re on an older version of OSX.
can’t wait for yall to see this in action!
The entire website. It was mostly simple, I tried to go for a better animated background this time. Something simple, it uses parallax effect and two “layers” of dots. When you move your cursor, it responds as well. The landing page effect was my best attempt at getting a macbook to go from closed to open (using 3D transforms, but of course 2D images aren’t 3D). Your cursor also moves those elements.
Other than that it’s just some nostalgic elements like a XP-era computer, clippy, some existing projects that help to bring back functionality, and also some things that (i) would want from the shop LMFAO. hope you like
Log in to leave a comment
This is unfortunate that I wasn’t able to log all my work, didn’t know about Flavourtown before…
This release included the chat features, which I think are personally pretty cool!!! This has all the features that most chatting applications like discord have, where you can send messages, edit and delete, react, and make group chats. It’s themed to look like how Hangouts did back in 2015 (the entire website is themed to look like Material Design Lite anyway).
The easy bits I would say was getting the chats from the database. The hard part was probably actually getting them to update in real time. You see, I was using SvelteKit for this project, and unfortunately, SvelteKit doesn’t have a ton of features to help people out with real time data. Websockets and SSE are not native features.
Naturally, I would have tended towards the Websockets Strat for a chat. Discord and WhatsApp use it, so it must be good! Unfortunately, unlike SSE, Websockets also has no real helping support from the public either, and while I could have used the PR version of svelte that had WS added, that just got closed and dismissed by SK creators, so lucky I didn’t use that lmao.
SSE wasn’t all that bad though. Using SSE I would have messages to a user stream down to their client while they made REST requests through the API to interact with the chat. If a request was successful, it would be transmitted to everyone but the author (because the author knows the request was successful).
Log in to leave a comment
I was thinking about group chat support from the beginning, and also wanted the tables to be efficient. Right now, a chat is defined by a table, but the participants of a chat are defined in another table. This way, you can use a join to get the participants in a chat, as well as all the chats a user belongs to.
There is no E2EE because the app is intended to be used for kids to talk to each other about robotics! so if anything bad gets sent, it’s in the best interest that it gets reported or held back. Admins can use the admin portal to see every message sent by a user, as well as view every chat, although they probably shouldn’t do this unprovoked. The admin panel is meant for network administrators, not coaches anyway.
The use of roles is nicer because features can be set granularly. Next steps are to include email notifications and stuff.
I hope yall will consider RSVPing and joining the slack channel for this YSWS!!! It’s a different style but hopefully might be one that’s kinda fun for everyone involved
Worked on pretty much the whole website, I originally went with a radial-coloured background (bg-primary) but changed it to be more matrix feeling, considering that Git is a terminal command. I feel like it gives more of an active feeling to the website as well. Also I added a terminal-like thing by the steps to show the output. I kinda used AI for this because I originally wanted one of those apple-thingies that had the fake cursor move, but abandoned it because it was useless and AI isn’t actually good at writing code. I went with this more simple typewriter example. Also used this online marquee element for svelte to make the shop elements, which honestly looks kinda cool although I couldn’t figure out why it kept jumping…
Log in to leave a comment
