gooner(arsenal fan)

Ship was denied, I was informed watchlist didn't work, made API route in flask realized I had forgot to make that, fixed logic in js and voila it works now

Finished the program you can view a demo here, shouldn't be randomized nor hardcoded, a bit iffy with the ocr recognition too but couldn't figure out the API for a another service so stuck with tesseract

Fixed again by reducing epoches that reduced training time significantly, news section properly added doesn't give parsing error when you click the tab

Fixed all routes, brainstorming how to make this better, here is a meme you can use for the program

putting finishing touches on the app probably just a little while longer then ill be done, missing UI component, went wrong with routing somewhere missed something in the image

admitdatly used ai to center the top part meme judged and added that logo, makes for better visibility and appeal

forgot to define node version in json, making it so memeuplaoder tsx can be clicked on anywherein the box instead of that tiny space top right

making it better, responses still have randomness(too much at thatconst STORAGEKEY = 'memejudgemodelv2';
to keep everything stored in browser, ocr is kinda buggy with images mostly works with text

Testing memes relezing I hardcoded to much stuff. Trying to make stuff actually train saw when I did the same image randomness changed it too much

Made sure the app fully works on mobile and all brows3rs added aira labels and keyboard navigation focuses on ratios and text size and edited css cause title wasn't showing

fixed toast, notifications actually show up properly now

Fixed OCR functionality using useOCR hook wrapping Tesseract.js. This allows the app to extract and display any text found in memes, enhancing the feedback users get about their images. Tweaked performance and caching to reduce wait times for text extraction.

decided to go dark mode instead too lazy to add switcher

built out css, used some fomr other project set all routes in main tsx

building and mapping out css, very very very very very rough sketch

building ocr with tesseract, pritngin result in the console

Figuring out how to use vite beter and building the actual app, ocr coming soon

Added much more functions like a watchlist, macd and rsi and a news section

making config files

fixed bug where it doesn't know typing name

Hardcoded the app for now, making it actually analysize soon

Using tesseract for ocr cause I cannot afford google ocr, getting some ui components and design inspo

finally figured out how to run flask on a server and actually deploy it gunicorn app:app -b localhost:42313 --timeout 120 &
I had to add a timeout to my command

forgot to do devlogs, learned that there is tensorflow for js will be experimenting

Done the project finally

done ui now just doing some fixes, learning toast better

Utilis.ts and cn() Utility Function Added clsx and tailwindmerge. The exported cn() merges classNames conditionally. Styling components consistently.

Still building ui files, using AI for dialogue

working on config files and learning toast

tried running it on nest server, caddyfile configuration I give up

creating menu bar and slider ui in tsx

created checkbox and collasble function

still working on ui, starting on carousel and the menu bar

Started making ui for game, all in typescript, and pixel button and card so I can reuse the UI. Used tailwind

GameSetup.tsx and CharacterSetup.tsx These components allow users to choose characters, customize stats, and begin their quest.

found out that hackclub has free servers, will deploy properly shortly

Created the first round of UI component classes inside the @layer components block. Built reusable styles for buttons, cards, inputs, and text using Tailwind @apply and the design tokens defined earlier. Components like .pixel-button, .pixel-card, and .pixel-text make use of background gradients, custom fonts, shadow effects, and pixel-perfect padding. Focused on maintaining a retro game interface feel across interactions, including hover and active states. The structure is clean and ready for scaling.

Started building the core visual identity for the app. Defined a root-level CSS custom properties map with colors based on an 8-bit pixel art aesthetic. Established key variables for backgrounds, foregrounds, borders, and accent tones. Also introduced gradients and glow shadows for UI depth. Custom properties include --pixel-dark, --primary-glow, --shadow-pixel, among others. Scoped variables to both light and dark modes using the .dark class. Everything is tightly aligned with Tailwind's utility structure.

app.css and imported it in main.tsx. Defined base layout styles and font stacks. Going for a pixel-art adventure vibe.

Integrated react-query via QueryClientProvider for efficient server state handling.

Wrapped the app in TooltipProvider for seamless and consistent tooltip UX.

Included both Toaster and Sonner components for layered toast notifications. Might consolidate later based on behavior.

Set up basic routing with react-router-dom currently rendering the Index page at the root (/).

Creating Main Entry Point main.tsx hooks up React to the DOM and loads global styles via index.css. Added simple <App /> component as a placeholder.

Implemented unique IDs with a counter to track toasts and avoid duplication. Added auto-removal timeouts to clean dismissed toasts from memory to avoid leaks. Adding Dice function

did npm initialization, Designed a centralized toast system using React context and reducer to allow any component to dispatch toast notifications. Learned how to manage global UI state efficiently.
started character setup Fighter, Wizard, Rogue, Cleric, Ranger, Barbarian,
Bard, Druid, Monk, Paladin, Sorcerer, Warlock

Started on the project :D rn setting everything up, using node js set up the React project using Vite with TypeScript. Created basic folder structure separating components, hooks, utils, and types for clean organization. Created utilis and package json files. Decided to have multiple classes as well hasn't started yet so here is picture of a dog

Have a problem, I dont want to pay for any service that makes me deploy an app as I'm broke, cant find anywhere to deploy free python application, python anywhere doesn't work, I deployed front end, back end instructions can be found in github. Designed and implemented a responsive HTML/CSS interface for the Stock Price Predictor app. The UI includes input fields for user-defined stock parameters and renders prediction results using Chart.js.. Styled with a dark theme, custom fonts, and hover effects for enhanced usability. Layout adapts for desktop and mobile screens. Connected to Flask backend for full integration.

Converted the LSTM model to .h5 and saved the scaler as .pkl. Used Flask for the backend and built a virtual environment due to library install issues. The app takes a ticker and timeframe, fetches data, scales it, runs predictions, and returns results.

Trained a two-layer LSTM neural network using closing price data for AAPL from 2010–2024. The model used a 60-day lookback window and was trained for 20 epochs with normalized inputs. Libraries included yFinance, NumPy, Pandas, scikit-learn, TensorFlow, and Matplotlib. Loss dropped consistently during training, and predictions showed good alignment with actual prices.

Created the Projects page and finalized the overall layout. The site now clearly showcases featured builds and their tech details. UI is consistent across sections and ready to ship.

Built the Skills page and added Tech Stack section. Site now shows technologies used and developer capabilities. Solid progress.

Created a contact page using formspree, tried using a firebase approch, didn't work out. So used formspree

Created about me page, which scrolling, netflix play now style. With brief description about myself. Also added navbar

Devlog: Netflix Portfolio Built Glowing and Profile Select. Adds visual and interactive polish. Steady progress.