Laila ELMANSOUR

Frontend Engineer

About Me

I am a frontend engineer from Casablanca, Morocco.

My main focus areas are on the front-end, JavaScript, React and Nextjs development.

My first experience with web development was in university where I liked how I can create something from nothing, so I spent most of my time learning web development and creating web apps using PHP.

Although I learned quite a bit in school, I'm a self-thought for most of the technologies I work with in a day to day basis. I enjoy what I do, and I would love to continue working on it.

Hire Me

👋 Hey, I'm passionate about creating engaging and user-friendly web experiences. With more than 5 years of experience in front-end development, I've honed my skills in HTML, CSS, and JavaScript, with expertise in modern frameworks like React and Nextjs.

How I can help you?

  • Expertise in Front-end Development: I have a strong foundation in building responsive and accessible web applications using the latest web technologies.
  • Creative Problem Solver: I enjoy tackling complex challenges and finding innovative solutions to meet project requirements and exceed expectations.
  • Collaborative Team Player: I thrive in collaborative environments and value open communication and teamwork to deliver high-quality results.

Get in touch to discuss your needs now.

What I do

Frontend

The javascript is my go-to language. I enjoy working with it, especially using the ESC6+ and frameworks like React (hooks, context .. ) .

Backend

I use Node.js, ExpressJS and MongoDB on the backend. These technologies are the back bone of the most of my projects.

Mobile

Since i already work with React on a daily basis, most of my mobile app projects are based on React Native framework.

Analytics

I have an experience working with analytics and tracking tools such as Google Analytics, Amplitude and Segment.

My Blogs

React and Concurrent Mode

02 February 2024

Understand in detail what Concurrent Mode is in React

Continue reading ...

blogimage
Server Components

12 December 2023

Learn more about Server Components in React

Continue reading ...

blogimage

Work Experience

Experience

October 2020 - Present
Obytes
Frontend engineer

Project : Saas for preschools that manage students, guardians, teachers, classrooms, lessons .. .
Frontend technologies : Reactjs, Tailwind, React Query, React Hooks, React Context API, RestFull API, Cypress.. .
Continuous Integration/Continuous Deployment : GithubActions, Netlify .
Collaboration tools : Github, Slack, Linear, Notion .
Error Tracking and Session Replay : LogRocket, Sentry .
Missions:

  • Develop and maintain the front end of our web applications using React.
  • Collaborate with back-end developers to integrate the front-end with the back-end application.
  • Write efficient and maintainable code using best practices and design patterns.
  • Develop and maintain unit tests for front-end code.
  • Participate in code reviews and provide feedback to improve code quality.
  • Work closely with the UX/UI team to ensure a seamless user experience.
  • Participating in release and sprint meetings (Planning/Retro/Review/Standup).
  • Close collaboration with experienced and dedicated peer engineers.

Sept 2018 - May 2020
LaFactory - ScreenDy
Frontend engineer

Project : ScreenDy is a drag and drop mobile editor, that lets users create their own mobile apps without coding. I mainly worked on the platform itself, adding functionalities and implementing new features.
Frontend technologies : Reactjs, Nextjs, Bootstarp, Redux, Stripe, Axios, RestFull API.. .
Continuous Integration/Continuous Deployment : GithubActions, Netlify .
Missions:

  • Created the new ScreenDy website.
  • Added a multiple classnames support for the ui Editor.
  • Stripe payment support.
  • Created a showcase platform where the users submit their best apps.
  • Created the Screendy Marketplace.
  • Created and updated templates.
  • New in-boarding for the users.
  • Updated the ui and more functionalities to the previewer.
  • Created CRM for the La factory.
  • Created a CDN for the Lafactory medias.

February - July 2018
Softcenter
Internship

Project: Platform which showcase all screendy ressources (templates and project) and where users can see preview and buy their favourite ressources.
Frontend technologies : React, Redux, Javascript(ECS6+), Typescript, RestFull API .. .
Missions:

  • Market Research and Project studies.
  • Detail the design analysis phases.
  • Organize tasks and prioritize MVP features.
  • Close collaboration with experienced and dedicated peer engineers.

August 2016
O'lfactive
Internship

Project: Mobile application for vehicule materials using: Android (mobile version of the website wooto.fr)
Technologies : Android.
Missions:

  • Project studies.
  • Develop and maintain the application.
  • Connect the application to back-end services.
  • Ensure the quality, and responsiveness of the application.

Education & Skills

Education

2016 - 2018
ENSIAS - RABAT

Master Internet of things & Mobile Services (IOSM)

2013 - 2016
University of Hassan II - CASABLANCA

Fundamental Licence -DataBase field-

2013
Mohammed VI - CASABLANCA

Bacclaureate: Mathematical Science - A -

Skills

HTML / CSS/ SASS / Javascript(ECS6+) / Typescript
Reactjs / Redux / React Native / Gatsby
Bootstrap / Tailwind
Git / bitbucket / Netlify / Heroku
Nodejs / Mongodb / Mongoose
Google Analytics / SEO

Personal projects

uidrips:
https://uidrips.com

uidrips is a simple website where designers can share their design resources.

reactgatsbymdxnetlify
Web Stack Hunt:
https://github.com/layalii/WebStackHunt

Webstackhunt is an app that helps users get the technologies behind a website.

reactgatsbynetlify
Web Stack Hunt - API:
https://github.com/layalii/wsh-api

Webstackhunt is an app that helps users get the technologies behind a website.

nodemongoexpressmongo atlasheroku
Expenses Mobile App:
https://github.com/layalii/expenses-rn-app

A simple mobile app to track personal finances and expenses.

react nativereduxreact navigation
Expenses Mobile App - API:
https://github.com/layalii/expenseApp-Backend

A simple mobile app to track personal finances and expenses.

nodemongoexpresspassport

Technologies

HTML5CSS3FlexboxJavaScriptESC6+TypescriptReactReact NativeReact RouterReact NavigationReduxHooksNodeJSMongodbExpressCDNStyled ComponentsGatsbyBootstrapTailwindCSSGoogle AnalyticsSegmentSketchNetlifyLogrocketSentry

Collaboration tools

GithubSlackLinearNotion

Participations

2018 - 2020 : BMCE, RAM, ONCF, ONEE Hackathons as an expert Screendy and organizer.

2018 - 2020 : HPS, PSA Bootcamps as an expert Screendy and organizer.

2018 - 2020 : Demo days, Scalerators Sessions .. .

Interests

Embrodery,

Traveling,

Ping Pong,

Fictional & competitive games .