Welcome to My House.WAD
FOR WEBDEV CLASS:
nom et prenom: Rayan El Alami // grp: A02-2
so i've been trying to find anything to change or fix about this website but i couldnt really find anything, so here you go teach, enjoy a blast to the 2000s era of websites and web1.0 stuff, a little change from the doomscrolling brainrotting water pumping ai using bs that's been thrown at every minimalistic piece of crap made to earn a quick buck, enjoy the pictures, and the projects.
so uh, its been a while since i've touched this website, originally made for a photography class i was in 4 years ago but now repurposed to get like 4 extra marks on my webdev exam, ironic isnt it, to be honest i didn't want to change much in it, but it def needs some cleanup, i added a translation button on the top left of the site so the teacher can read this stuff, sucks to live in a third world country where the main language is used in 2 other countries lmfao. but only on the index page, translate the rest yourself.>
personal projects
stuff i've been working on
AccessLens - Morocco Accessibility Survey App
Mobile App + Backend + AI Classification
Built this for accessibility surveys in Morocco. Basically workers take photos of accessibility issues (like missing ramps, broken curbs, etc) and the app uses AI to classify them automatically. Then the user confirms or fixes the classification before it gets uploaded. There's also an admin dashboard to see everything on a map.
what i used:
- Mobile: Flutter (Android, for now)
- Backend: Node.js Express API
- Database: PostgreSQL
- AI: meta's Llama 3.2 vision model
- Dashboard: Next.js admin dashboard
- Queue: Redis job queue
cool stuff: GPS tagging on photos, AI classification (it's actually pretty good), user can confirm/edit before upload, dashboard with map view, made sure it's compliant with Morocco data protection stuff.
Operation tramway
React Native Mobile App (Cyberpunk 2077 Theme)
Made this app for generating tramway tickets. Has a cyberpunk 2077 inspired UI so i look like hackerman or smth. The anti-fraud validation thing is just a circle you have to tap in a pattern, it works too well, idk if im going to be arrested for this.
what i used:
- the app itself (tram mobile) that i decompiled to get the code for animations, that also had the ticket generation...wow.
- Framework: React Native
- Storage: AsyncStorage (local device storage)
- Encoding: JWT QR codes (insanely easy to crack)
- UI: cp2077 theme
- Build: Expo
cool stuff: QR code scanner, can manually enter transport numbers, JWT ticket generation, ticket wallet to keep track of them, anti-fraud validation (the circle thing), fullscreen QR display, works offline, has audio feedback, cyberpunk UI that looks pretty cool.
Note: This application owes its existence to the original efforts of AIRWEB, a Fr*nch SaaS company whose work unintentionally made the process remarkably simple. While their platform laid the groundwork, the ease with which their software could be decompiled and ported to another language made redevelopment almost trivial. So, sincere thanks—for making your code so accessible and inspiring this improved version. tl;dr: piss easy decompiled software to fuck over the system, tyvm
King of Diamonds - Multiplayer Game
Real-time Multiplayer Beauty Contest Game
Recreated the King of Diamonds game from Alice in Borderland. One game master and up to 7 players, all connected via Socket.IO. The UI has this neon cyberpunk vibe with animations for the calculation/results screens. Was fun to build but the game logic got messy real quick lol.
what i used:
- Client: Vite + React, GSAP animations
- Server: Node.js Express + Socket.IO
- State Management: In-memory GameState
- Styling: Plain CSS with cyberpunk theme
cool stuff: Real-time multiplayer, game master can control everything, special rules like Duplicate Invalid and Hidden King mechanics, elimination system, duplicate penalty stuff, animations that look kinda cool.
MATCHAI - Matcha Tea Ordering System
Full-Stack E-Commerce Platform
Made this for a matcha tea shop. Customers can browse and order drinks online, customize them, all that stuff. There's an admin panel to manage the menu and orders. Also integrated with Loyverse POS so everything syncs up. standard stuff but i got fired from my job after i finished the project. bummer.
what i used:
- Frontend: Next.js 15, React 19, TypeScript, Tailwind CSS
- Backend: Express.js, Node.js
- Database: MySQL
- Authentication: JWT tokens with bcrypt
- Integration: Loyverse POS API
- Deployment: Vercel (frontend), Railway (backend)
cool stuff: Customer ordering with customization options, admin dashboard for managing everything, Loyverse POS integration, responsive design (works on mobile), JWT auth, order management, basic analytics.
