Hi, I'm Ayoub

Web developer with a passion for creating fast, modern websites and apps. I specialize in HTML, CSS, and JavaScript, always staying current with the latest trends.

Let's Work Together

Experience

Web Developer

2020 - Present

Front End Development

2019 - 2020

About Me

Hi, I'm Ayoub Aloui 👋

A passionate full-stack developer who transforms ideas into elegant digital solutions. I specialize in creating modern, responsive web applications that deliver exceptional user experiences.

With expertise in React, Next.js, Node.js, and modern web technologies, I'm constantly exploring new tools and best practices to craft innovative solutions that make a difference.

Let's Collaborate View My Work

My Skillset

Programming Languages

HTML • CSS • SASS • Javascript • Typescript • Python • Java

Front-end Development

React • Next.js • Angular • React Native • Bootstrap • Tailwind CSS • styled-components • Redux

Back-end Development

Node.js • Express.js • Flask • MongoDB • RESTful APIs • Supabase.js

Libraries

Leaflet • Recharts • tanstack/react-query

Development Tools

VSCode • Git • GitHub • Netlify • Vercel • Render • Postman • PyCharm • IntelliJ IDEA

Other Skills

Search Engine Optimization (SEO) • Shopify • Google Search Console • Responsive Design

Languages

Trilingual: Fluent in English, French, and Arabic, with daily usage for the past 20 years

Featured Projects

Showcasing some of my best work and latest creations

The Wild Oasis Business App

A cabin booking SPA build using React, React Router Dom, React Query, styled components and Supabase. The user (hotel staff) can create, edit and delete cabins, guests and bookings, check guests in and out, generate PDF invoices, etc... (Login info left in initial form state along with a sample data uploader component for demo purposes).

reactreact-pdf-rendererreact-router-domrechartsstyled-componentssupabasetanstack-react-queryvite

Live Demo Source Code

The Wild Oasis Customer App

This is a customer side version of the Wild Oasis business app built with NextJs using the app router. The user can sign up or login with their google account using next-auth, make bookings, view or update their reservations. Both this and the business app share the same database, which makes for a nice "full-stack" experience (No pun intended).

next-jsnextjs-app-routernextjs14react19supabase-jstailwindcssvercel

Live Demo Source Code

WorldWise React SPA

This app is a SPA built with React, React Router Dom and React Leaflet for the map component. The user can use geolocation or pick a city on the map to add it to the list of cities/countries they visited along with the date of the visit and notes about what they liked about the trip. User entries are stored on Supabase.

reactreact-leafletreact-router-domsupabasevite

Live Demo Source Code

Functional Weather

A weather app built using React. The user can check the weather for specific cities or use geolocation to view the weather in their current city through a reverse geocoding API. The app gives current weather conditions and params, hourly forecast (24 hours) and a 14 day forecast

create-react-appgeocoding-apiopenmeteo-apireact

Live Demo Source Code

Natours

This tour booking application is server-side rendered and relies on a RESTful API built using NodeJs, Express and Mongoose. The user can register, view available tours and book the tour of their choosing. The payment is handled through a Stripe integration. The user can also view their bookings and rate the tour.

axiosesbuildexpress-jsmongodbmongoosenodejspugserver-side-renderingstripe

Live Demo Source Code