i250882

Changes:

• New Paragraphs Page
• Sample data of 2 paragraphs with each of their words meaning in DB

Next before moving to UI tweaks, I will be working on making each word of a paragraph a separate DOM element which when hovered, fetches its meaning from DB and shows it to use the user.

Changes:

• Made some cleanup changes to backend.
• Started working on home page (image is obviously unfinished)

Yap:
So i am really really bad with UI, my experience with UI is almost zero, but somehow i am doing it in react, so this is what i am up to now, to give an idea of how bad i am with UI, let me share my last 3 searches, what property in css stops a text inside container from breaking into lines, border syntax in css and shadow syntax.
So yeah, this is gonna take time, but i think its a simple project and shouldnt take longer.

First Log!!
Current Vision:

• I want to create an english vocabulary builder app, but i wanna make it different/effective by tracking user’s weak words and creating personalized MCQs based on these. So its main idea is user is given a paragraph to read, when user thinks they dont know a word, they can hover over the word to see its meaning, and by doing this they will automatically save it as their weak word, and after a few paragraphs user can create a quiz based on the weak words.

Progress:

• Initial Backend endpoints and models
• Backend user auth and login

Next:

• Gonna move to setup a basic frontend to interact with the app

First time building a web extension, kept seeing a service worker error. I tried fixing but i literally had no code, so i didnt know what was the problem, so i have decided to fix it later.

progress:

• Just have the basic ready so i can start with backend (not sure even if its considered backend)

changes:

• Add a Toast notification for different notifications
• Stopped users from starting game with just 1 player
• Changed how in game UI btns are displayed
• Changed meeting start trigger from “m” key to a proximity USE button

changes:

• Fixed a bug which caused “waiting for host” btn to persist
• Fixed hidden kill button for imposter
• Fixed ghost rooms bug which caused rooms to exist without players

changes:

• Fixed multiplayer issue
• Fixed a bug so now only host can start a meeting
• Changed lobby scene map

Shipped once and got rejected with reason “Multiple issues, eg that multiple players don’t show up to eachother”.
It was my mistake that i didnt mention that IDs persist on same browser, changed it to store data in sessionStorage.

created ReadMe.md file, optimized some socket events. ready to ship, will keep working on it.

Update:

• Its pretty much done and ready to ship, I will continue working on it and if i find time, i will make it flavor town themed with kitchen tasks.

Changes:

• Added a role indicator toaster.
• Fixed the bug mentioned in log earlier

TODO:

• Clean up code by removing console.log statements used for debugging, also remove extra commented code
• Finish some minor UI changes.
• Create a ReadMe.md
• Deploy

Changes to Emergency Meeting System:

• Setup backend listeners and emitters for vote/win/meetingStarted events
• Built logic to update all clients in a room when one clients votes

Pending Bug:

• When a meeting ends via allPlayersVoted the event meeting:ended is being sent before the meeting:vote event of the last vote.

Also it will be very helpful if anyone can give me some advice that can help me make my code more readable and clean, i used to code in python, new to javascript, ngl sometimes even i struggle with understanding the code i write.

turned out i am really bad with frontend, this took me 3 hours and its not synced yet.

update:

• win condition is ready
• meeting is kinda working

yap:
okay so, i rushed everything, used template win screens and some other stuff, buttt, i think the difficult part is over, now i just have to polish it.
I am thinking of just shipping it like this, because i have exams, if i ship now, i can relax and slowly work on new features later. I also dont want to spend time on maps/screens etc. because i may try to make it flavortown themed among us with different maps and cooking themed tasks, but i will do it after ship.

I am just wrapping up the project now(i have exams soon), getting it ready for ship, then i will polish and pay attention to detail, for now, there added this lazy view fog, will work on chat and meeting now.

The imposter kill mechanic is almost done, will start working on voting system soon.

So the game is setting a random imposter on game start and there is a hitbox for the imposter to see if a player is near. Now i will start working kill mechanics.

updateeee, initially i had plans to implement a full tasks, sabotage and meeting systems and a lot of stuff, but as the code is getting a little complex, i am struggling a lot with minor problems, I have spent way too much time on just getting the imposter mechanics right, and its still not fixed, so i am planning on changing the goal, I will just get this imposter mechanics done and meeting system and ship, imma drop the tasks and sabotage system for now. Image is just a rough TODO list i have been using.

Imposter mechanics are kinda done, but forget that, cuz i found out about UML Sequence Diagrams, and then i created a rough one for this project, and it helps a lot with debugging.

update:

• Improved UI of different areas
• Added a lobby scene before actual game scene
• Improved tileset map for collisions

next plan:

• Add imposter selection and kill mechanics

I implemented maps, a smoother multiplayer and a lot of optimization of code. I know the scale and collisions are a bit off, I will polish it later. It was a bit sad that the time i spent on documentation and with chatgpt to understand how do add this tiledmaps wont be considered for cookies, but whatever, i think its coming out good for a first web game project.

i didnt work on the project during last couple of days, but last time i worked, i discovered the TODO comments on webstorm. So right now i have 7 of those comments scattered on my project, My goal for today will be to complete all 7 of them and then i will update here..

multiplayerrrr

In my last log i said how i wanted to focus more on writing good code by defining types for parameters and variables, Yeah that is not going so well, in this image, rooms is not an Array. I should really learn typescript.

Took this project as an opportunity to learn, I write very bad codes, so to get started with improving my written code, I just started using JSDocs and TypeScript checking. Liking it so far.