Chakib Ouzane

Description: I developed a website for a local environmental organization named “Jeunesse Volontaire”, using Svelte for the frontend and Sanity CMS for dynamic content management.

Key Features: Dynamic content integration with Sanity CMS, real-time updates via Sanity API, Continuous deployment on Netlify, Protected admin routes (auth), intuitive admin interface for managing content, Error notification via email to the admin, responsive design, Zod and SvelteKit Superforms for server and client-side form validation, easy to extend with additional features.

Tech Stack: SvelteKit, Svelte, Supabase, Tailwind CSS, DaisyUI, Sanity CMS, GROQ Query Language, Zod, SvelteKit Superforms (server & client side form validation).

Description: Developed a live, interactive collection of Tic-Tac-Toe game variations, the website is attracting over 2,000 daily visitors (by the time of writing this).

Key Features: Classic and innovative Tic-Tac-Toe variations, real-time multiplayer gameplay, responsive design, seamless user experience across devices, and integration with Supabase for backend services.

Tech Stack: Svelte 5, SvelteKit, Tailwind CSS, Supabase.

Description: I developed a website for the AlphaBit Club community, where visitors can explore the club's recent events, partners, blog, podcasts, and other additional information.

Key Features: The website's content is dynamic, as it is written in Markdown format in this GitHub repository. Whenever a visitor enters a page, the website fetches the corresponding content from the repository, parses the Markdown files to HTML, and renders them for the client. Additionally, the website is responsive and supports dark mode.

Description: A web application designed to digitalize the entire process of applying for a startup or a patent for an end-of-study project. This was my 3rd-year CS multidisciplinary university project. Innovium was a group project involving me and three of my friends. Further information about the project can be found here.

Key Features: Allow students to submit project proposals. Enable the university’s scientific committee to review and accept or reject proposals. Provide project supervisors with tools to assign and track tasks for project members. Equip the internship service with the ability to organize and schedule project defenses. Allow the internship service to assign the jury president, members, and invitees for project defenses, among other features. Further details can be found here.

Tech Stack: Svelte, Tailwind CSS, DaisyUI, svelte-i18n.

Description: I, along with the Alphabit dev team, developed the official website for the Alphabit Club. The primary goal of the website was to showcase the club's events to attract new sponsors and secure funding for its activities. For confidentiality and security reasons, the source code cannot be disclosed publicly.

Tech Stack: React, Tailwind CSS, Headless UI, Firebase, Axios.

Description: I contributed to an open source project named obsidian-soundscapes, which is an Obsidian plugin that allows users to play music while using Obsidian. The feature I implemented adds playback commands to the music player, enabling users to play or pause the music and navigate to the next or previous track using Obsidian commands.

Tech Stack: Vanilla JS.

Description: During my internship in the summer of 2023, I worked on building the website for Sodea, a company owned by GSH “Groupe des Sociétés HASNAOUI”. Due to time constraints, as my internship period ended while I was still working on the website, I handed over the project, including the code and all related materials, to a developer within the company. They built upon my work and continued the website's development.

Description: A web application designed as a social network platform for students of “ESI SBA” university. This was my 2nd-year multidisciplinary Computer Science university project, developed by me and three of my friends, where I contributed to the backend development. The platform aimed to address the issue of students being overwhelmed by emails, especially when someone lost an item and sent a “lost object” email to all students. To tackle this, the platform featured a dedicated section where users could post about their lost items or browse reported ones.

Key Features: Only students and staff from the university could create an account, Users could log in to the platform, Role-based access control (RBAC) for managing user roles, A chat feature for communication between users, Users could add lost objects or find objects they had lost...

Tech Stack: Node.js, Express, MongoDB, Mongoose, JWT, Multer (file upload), Socket.io, Nodemailer, Joi (schema validation).

Description: Chronos was a project developed by me and other students during the DevFest Hackathon organized by GDG SBA on January 6, 2023. The mystery word for this year’s edition was “Time”. Our project, Chronos, is a learning platform about history and features a fun history quiz game named “Griffin”. The design was pre-existing, and my role was to code the interface. Our project earned third best place in the event.

Key Features: Users can choose nicknames and start playing the quiz. The quiz is based on rooms, where you can create a room that allows many users to join and play together. The quiz lasts 30 seconds, and once time is up, your score is displayed. After other players finish the game, a scoreboard shows the rankings of the best players and their scores. Since this was a 24-hour challenge, many features were implemented in a rushed manner, and some edge cases were not handled properly.

Tech Stack: Svelte, Tailwind CSS, DaisyUI.