Code Monkey home page Code Monkey logo

Hi 👋, I'm Anas Laaouatni

I'm a Junior Web Developer.

Github

⬇ My ⭐ Favourite Stack: ⬇

SvelteKitJS + TailwindCSS + TypeScript


Now I am learning ARDUINO C++: https://www.tinkercad.com/users/3eC5gZvvAcy?type=circuits


maybe you saw me there on Stack Overflow

profile for Laaouatni Anas at Stack Overflow, Q&A for professional and enthusiast programmers


Github

My Journey on FreeCodeCamp.org

flowchart LR
    d[Programming Courses I did]

    d   --> d0[FreeCodeCamp]

    %% native --> langs
    subgraph Native Web Languages Learned
        c12(JavaScript)
        c11(CSS)
        c10(HTML)
    end

    subgraph FreeCodeCamp
    %% Freecodecamp --> Courses
        d0  --> d01[Responsive Web Design]
        d0  --> d02[JavaScript Algorithms and Data Structures]
        d0  --> d03[Front End Development Libraries]
        %% FCC Responsive Web Design --> Concepts
        subgraph fcc1 [Freecodecamp's Responsive Web Design]
            d01 --> c11 
            d01 --> d0101[HTML5]
            d01 --> d0102[CSS3]
            d01 --> d010[Applied Visual Design]
            d01 --> d011[Applied Accessibility]
            d01 --> d012[Responsive Web Design Principles]
            d01 --> d013[CSS Flexbox]
            d01 --> d014[CSS Grid]

            d0101 --> c10
            d0102 --> c11
        end

        %% FCC JS --> Concepts
        subgraph fcc2 [Freecodecamp's JavaScript Algorithms and Data Structures]
            d02 --> d020[ES6]
            d02 --> d021[Regex]
            d02 --> d022[Debugging]
            d02 --> d023[Basic Data Structures]
            d02 --> d024[Basic Algorithm Scripting]
            d02 --> d025[Object Oriented Programming]
            d02 --> d026[Functional Programming]
            d02 --> d027[Intermediate Algorithm Scripting]
            d02 --> d028[Functional Programming]

            d02 --> d0201[Basic JavaScript]
            d0201 --> c12
        end

        %% FCC Front End Dev --> Concepts
        subgraph fcc3 [Freecodecamp's Front End Development Libraries]
            d03 --> d030[Bootstrap]
            d03 --> d032[SASS]
            d03 --> d034[Redux]
            d03 --> d031[jQuery]
            d03 --> d033[React]

            d034 --> d033
            d03 --> c0

            subgraph Frameworks
                c0[Frameworks] --> d033

                c0 --> favLangs

                %% favourite ones --> langs
                subgraph favLangs [Favourite Languages]
                    c011(SvelteKit);
                    c012(Tailwind CSS);
                end
            end
        end
    end

    d031 --> c12

    %% tailwind --> programming languages related
    c012 --> c11

    %% sveltekit --> languages used
    c011 --> c10  
    c011 --> c11 
    c011 --> c12 

    %% FCC langs --> CSS
    %%%% Responsive 
    d013[CSS Flexbox]   --> c11
    d014[CSS Grid]      --> c11
    %%%% Frontend
    d030                --> c11
    d032                --> c11

my FreeCodeCamp Certifications

Front End Development Libraries

JavaScript Algorithms and Data Structures

Responsive Web Design


My Social Media

GitHub StackOverflow FreeCodeCamp LinkedIn

My Skills

sveltekit tailwind typescript svelte javascript css html vite c++

My Tools

vscode github Git windows11 wsl canva prettier npm pnpm


My Github Stats


Time Spent Coding

Laaouatni Anas's Projects

afpcss icon afpcss

ho ricreato da zero, il sito della mia Scuola professionale AFP PATRONATO SAN VINCENZO! - laaouatni anas

color-navbar-js-library icon color-navbar-js-library

a javascript library for creating Navbar UI, from a json {...} file/object array. it came also with colors.

fcc0 icon fcc0

laaouatni anas. 1/5 freecodecamp project. testing github pages for my first time

fcc1 icon fcc1

laaouatni anas. 2 progetto HTML CSS Freecodecamp (survey form)

fcc2 icon fcc2

laaouatni anas. 3/5 freecodecamp project (product landing page)

fcc3 icon fcc3

laaouatni anas. 4/5 progetto HTML CSS FreeCodeCamp (documentation page)

fcc4 icon fcc4

laaouatni anas. 5/5 progetto freecodecamp (portfolio)

gcnc.svelte icon gcnc.svelte

not completed, just a idea... but basically I want to create a new way to code GCODE for cnc milling, similar to the way we write HTML and TAILWINDCSS/CSS. for now is not completed, so don't use it

gcode.js icon gcode.js

basically a gcode library for making the making gcode program easily and efficiently for CNC machines.

google-ui icon google-ui

The Google Homepage Search Page, FrontEnd Clone made with HTML and CSS

mac-os-nav icon mac-os-nav

some time ago, I saw the animation of MacOS... so I created it with the languages I know HTML and CSS - by laaouatni Anas

mathcards icon mathcards

random math cards with + or - or * operations (designed with tailwindcss)

meccanicapp icon meccanicapp

App della Meccanica. Genera le Tolleranze ISO h, Genera GCODE eseguibile in CNC (spianatura), Scopri se l'acc. è Incerto, Gioco o con Interferenze? oppure Velocità mandrino Tornio e Fresa (G96, G97), avanzamento Fresa e tornio (G94, G95)

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.