GithubHelp home page GithubHelp logo

Ayoub Aloui's Projects

auto-diag44 icon auto-diag44

This project is a business showcase website for Auto-Diag 44, a car diagnostics and repair services company based in the Loire-Atlantique region. Built with Next.js, the site features a clean and modern design and is optimized for maximum SEO to improve search engine visibility, attract more visitors, and ultimately increase the company's sales.

bankist-app icon bankist-app

This web app was built using vanilla Javascript. The user can log in and view their balance and transactions, send money to another user or request a loan. The user is logged out after 10 minutes. Demo accounts (user-pin): aa-1111, jd-2222, kw-3333.

bankist-marketing-website icon bankist-marketing-website

This website is built with Vanilla Javascript and good old traditional CSS. Just like the name of the project implies, this is a marketing website for the bankist app (available in the list of my projects).

forkify-cooking-app icon forkify-cooking-app

This web app is built using Vanilla Javascript following the MVC pattern. Users can look up food recipes and add them to their bookmarks, which are stored in local storage. They can also add their own recipes through a POST request to the API.

functional-weather icon 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

mapty-project icon mapty-project

This app is built using an OOP approach. Users can pick a location on the map and input their workout details. Workouts are stored in local storage and fetched upon render.

my-portfolio icon my-portfolio

Pardon the self-reference, but my portfolio site is one of my portfolio projects. It was built as a single-page-app using React and React-Router. The projects are fetched from the Github API using React-Query. I used a combo of tailwind & styled-components for the styling, EmailJs to handle the contact form and react-helmet for SEO.

natours icon 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.

the-wild-oasis-business-app icon 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).

the-wild-oasis-customer-app icon 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).

today-i-learned icon today-i-learned

This app is built with React and uses Supabase as a back-end to store user facts. It allows users to share facts and filter them by category. Users can also upvote or downvote a fact. Facts that get a lot of downvotes are marked as disputed.

worldwise-react-spa icon 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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.