Flight Deck API - UI Revamp & Basic Password Checking System

Hi! I’m back… kinda

So I revamped the UI to kind of look like Horizons cause I loved its UI so so much.
Found out the font as well and then pretty much everything else was eyeballing it and getting the colours right.

After the UI revamp I started on the login system.
Its not completely done but I have the basic password checking system done for new users - so the confirm password and 1 basic rule: 8 characters minimum.

Yet to add more info to right side for the login page but that I’m probably going to do later on as I add commands.

Bit of backend notes, the code used to reference my login page as /login route so that meant sign up/in would have become /login/signup or /login/signin which wouldn’t have made sense so I changed that to /auth, /auth/signup and /auth/signin to make it more sensible.

All for today.. cya!

Flight Deck API Website - Login Page plus UI fixes

So I made the login page for the API. It isn’t fully functional which I’ll do now, but it has the frontend done.
Will add the login system but this is create account form.
I might change the submit button colour to blue to match with landing page.

Wrote the code for the controller and the service.
Controller is mainly for making files easier to debug while service is to interact with the DB.

Supabase is my DB so in my service I have 2 functions set up for login and sign up which supabase made easy so yeah.

That’s all from me.

Flight Deck API

Started work on my API part of Flight Deck.
Basically it’s gonna be a easier way to access information about planes, METAR (weather), flight paths, lookup of airports and their runways, frequencies, and quite more.

Building this in Node + Express JS and I wanna have 2 websites, one for api and one for the flight planner (which is the main Flight Deck feature).

Since I’m new to node, I’m making it slowly and tryna understand a lot of what I’m doing.
So far, Express is a lot like Flask-Python, but services and controllers are a bit confusing so I’m trying my best.

The frontend is being made in HTML and Tailwind CSS as of right now. Only done with landing page for API. Gonna start login next!

PS: Photo is from Pexels

ANCHORS I HATE YOU SO GODDAMN MUCH

Godot anchors are a pain in the a** for me. I spent 40 MINUTES TRYNA ANCHOR 2 BUTTONS (and 2 labels) FOR LARGER SCREENS.
Now I’ve hardcoded the offsets (a bit) for the maximum my screen can go .

On a side note, I now have a cute hand cursor that I drew only and only because none of the assets had the index bending or becoming smaller on click. It felt weird not to have that happen so I did it .

Also designed a button background just to add to the vibes!

Gonna start working on the easier part of my game - the settings menu like sounds, audio cues, etc and then I’ll start the main game building!

Again any feedback is appreciated!

Mafia Recreated Background for Main Menu!

I started work on my mafia game.
So far so I’ve finished drawing out the main menu background (just a little bit left), and 2 of my characters that players can be in the game.
I’m gonna have to work on making more characters, but once I finish the background and at least 3 more characters (total of 5 characters) I’ll start making the actual game system.
I might start doing the system now, but its just my OCD not letting me start without every single piece of art completed 😭
PS: the empty square on the background is for the orange jacket character (called Jake).
I would love to have him there inside aseprite, but scaling makes him ugly, so I’m using photopea and adding him like an image.
The female character is called Sharon!
Please feel free to give feedback!

Momentum Devlog 4 - Upcoming Assignments, and bug fixes

So I’ve started work on the upcoming assignments part of the dashboard and it looks good. The assignments I’ve put are just random stuff I made up and I spent quite a while trying to get good sizing for mobile and it went well to say the least.
As before, nothing is dynamic (aka work with real values and the user) but I think I will start work on that after I finish the calendar on the side that I want to add & after I finish the Assignments tab.

I like how its coming out so far and I’ve reduced the AI mockup usage a lot so the mockup and my website are wayyy different now!

Momentum Devlog 3 - Topbar, hamburger sidebar, 4/4 cards

I added the topbar in detail like the hello, date and time text and the quick utilities buttons + user logo.
Started on the cards info system so 4 cards that give you info on your current stats. Finsihed all 4.
There is a hamburger menu when u go on smaller devices but I did that using Claude.
Hear me out - I’m lazy to do that and I just didn’t want to break my whole system for that T-T.
I will add quotes next devlog, and soon enough will start linking everything into a dynamic website using JS!

Momentum Devlog 2 - Built this sidebar for the app.

Changed the style to be a bit more modern and sleek.
Used AI to generate a mockup and building using that.
The mockup messed up a bit so some features are not where I want them but that gives me a lot of creativity to add my own stuff.
Idea was mine, mockup was chatgpt’s and I’m only using the mockup for dashboard. Rest all pages will be made using that.

Devlog 01 - Sidebar and topbar

Worked on the sidebar and topbar after spending 2+ hours designing a mockup in figma.
Haven’t done HTML & CSS in a long time so this was a bit of a struggle but relatively easy.
Building every component static rn, will use only JS (normal JS) to build the proper website with information.
Tryna store every data on cookies