Hi! I'm Othmane a Frontend Developer 👨💻 based in Morocco.
- react
- next.js
- tailwindcss
- typescript
- HTML5
- CSS3
- redux
- framer-motion
- shadcn ui
- chakra ui
- ant design
- jQuery
- bootstrap
- git
- nodeJs
- react query
- expressJs
- prisma
👷♂️🛠️ recent projects
![cover](/_next/image?url=%2Fjunior-prep.webp&w=3840&q=75)
Junior-Prep - Ace Your Interviews
junior-prep is a website for junior web developers to practice interview questions, record your progress and find teams to collaborate with.
Live Site
![cover](/_next/image?url=%2Fyourcrea.webp&w=3840&q=75)
YOURCREA - Expert Video Ads
Unlock Sales Growth with Expert Video Ads Elevate Your Brand's Story with Compelling Visuals
Live Site
![cover](/_next/image?url=%2Fyassmina-portfolio.webp&w=3840&q=75)
Architect Portfolio
A beautifully designed portfolio for an architect. It's fully responsive and fully dynamic.
Live Site
![cover](/_next/image?url=%2Ftubegiffer.webp&w=3840&q=75)
TubeGiffer - Youtube Gifs Generator
A fun personal project that helps users create clips from youtube videos without downloading the video
Live Site
View All
👷♂️💼 work experience
Junior-Prep
I initiated and led the development of junior-prep.com, an open-source platform designed to support junior web developers to practice interview questions, record thier progress and find teams to collaborate with.
What i did:
- Full-Stack Development: Built a robust application using Next.js and integrated NextAuth for secure user authentication, providing a seamless and performant user experience.
- Database Management: Implemented and managed the database layer with Prisma, ensuring efficient data modeling and interactions.
- State Management: Employed React Query for data fetching and state management, optimizing client-server communication and improving application performance.
IDURAR
I had the opportunity to work on a challenging and impactful project focused on the development and enhancement of an Open Source ERP CRM system
What i did:
- I was responsible for ensuring that the application was accessible and fully functional across all screen sizes.
- I spearheaded the creation of a table component with a hook that improved user experience on various screen sizes and gave a decently accessible table for mobile.
- As a repository maintainer, I actively participated in the code review process, thoroughly assessing and testing community pull requests . This role provided me with a comprehensive understanding of Git and version control.
3WM Maroc
Working as a Frontend developer creating and integrating new pages and new features with html CSS and JavaScript/jQuery
What i did:
- Developing new pages and optimizing existing code by refactoring and debugging.
- Quickly learning new and old technologies to adapt to the company's needs (jQuery, bootstrap, twig...)
- Working closely with the team to ensure the timely achievement of company objectives.
Prifina - Liberty. Equality. Data.
Data mine is an open-source project to create a public facing directory website for Prifina dynamic data to easily find all types of data objects and attributes available for developers to create all kinds data apps.
What i did:
- Worked with a UI/UX designer to code the frontend of the project following Figma designs using Next.js and Chakra UI.
- Connected the website to the Prifina Notion database and made the website statically generated with a revalidation of 24 hours.
- This method makes the website very fast and also does not hit the API limit set by the Notion database, basically fetching the data once every day.
- Coded the sorting logic by search, categories, or status from scratch.
seocomponent.com
seocomponent.com is a collection of all types of technical SEO elements for websites so developers spend more time designing and building websites
What i did:
- Built new schema generators for various types of pages e.g.: Article, Event, Recipe, Job Posting and many more
- Optimized the code by creating new reusable components and tools so to make creation of new generators easier
- Establishing a new context to share states between components seamlessly
![linear board demo](/_next/image?url=%2Fjp-dashboard.webp.png&w=3840&q=75)