Hello,
I am BOUDRIOU Allaoua,
A MERN stack developer

hello world!

Technologies

The technologies i work with are the following:

  • Optained my Responsive Web Design Certification and my Javascript Algorithms And Data Structures Certification
  • Familiarized with React concepts and philosophy:
    • Destructure the UI into reusable function components.
    • State management (child to parent, parent to child and global state with useContext).
  • Adopted TailwindCss and its Mobile-first approch.
  • Migrated to for its speed, pages routing, image optimisation.

Projects

Front-End

Fresha

Saloon appointment booking client view
  • Fully Responsive
  • Appointments booking selecting time, staff and service
  • Time formatting and manipulation using MomentJs and vanillajs date functions
  • Usage and customization of design components from differents libraries (Mui, swiper): accordion, menu, carousels, linear progress, autocomplete, tabs.
  • Form validation using Formik and Yup with error feedback
ReactJsTailwindCssMUIReact-RouterMomentSwiper

Front-End

Purples

  • Fully Responsive suing TailwindCss
  • Form validation using Formik and Yup with error feedback
  • Auto-refetch after CUD operations using SWR
  • Internationalization (en-ar) using i18next
  • Calendar: appointments displaying, custom actions on click
  • Calendar-styling: insert css using Styled-Components, and create custom component (toobar,event)
  • Time formatting and manipulation using MomentJs
  • Intuitive currency inputs
ReactJsTailwindCssMUIReact-RouterReact-Big-CalendarMomentSWR

Front-End

Sapaad

Store cash register views
  • Dashboard: Draggable widgets (resizable and static) in a grid layout
  • Dashboard: Data display using the graph library Recharts
  • Usage and customization of design components from differents libraries (Mui, swiper): accordion, menu, carousels, linear progress, autocomplete, tabs
  • Form validation using Formik and Yup with error feedback
  • Walk-in page: Tutorial explaining the basic functionalities
  • Walk-in page: Different menus for the different items
  • Walk-in page: Order list with qty change, notes, add, remove actions
ReactJsTailwindCssMUIReact-RouterMomentRecharts

MERN-stack CRUD project

Norda

E-Commerce application made from scratch
  • Fully Responsive
  • JWT secured endpoints and user authentication via Cookie
  • Password reset functionnality
  • DB protection with data sanitization
  • Products pagination, filtering and sorting
  • Admin product management (CRUD) with images preview , delete and add options
  • RESTfull APIs
  • Global error handling with Express
NextJsTailwindCssMaterialUIExpressJsMongoose

Contact Me