Contact
👋 checkout my OPEN SOURCE project -->
Innovative User Experiences for the Modern Web.

Hi! I'm Othmane a Frontend Developer 👨‍💻 based in Morocco.

🕒 I'm very flexible with time zone communications
Let's create something amazing together!
grid
  • react
  • next.js
  • tailwindcss
  • typescript
  • HTML5
  • CSS3
  • redux
  • framer-motion
  • shadcn ui
  • chakra ui
  • ant design
  • jQuery
  • Bootstrap
    bootstrap
  • git
  • nodeJs
  • react query
  • expressJs
  • prisma

👷‍♂️💼 work experience

Founder - 2023-12 / Present

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.
Internship - 2023-07 / 2023-09

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.
Freelance - 2023-02 / 2023-05

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.
Internship - 2022-11 / 2023-02

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.
Freelance - 2022-09 / 2022-11

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