October 12, 2024 at 12 AM

๐Ÿ› ๏ธ

Skills

// JavaScript: Deep knowledge in ES6+ features and async programming
async function fetchData() {
  const data = await fetch("https://api.example.com/data");
  return await data.json();
}
// TypeScript: Ensuring type safety in complex applications
interface User {
  id: number;
  name: string;
  email: string;
}

const createUser = (user: User): string => {
  return `User ${user.name} created successfully!`;
}
# Python: Proficient in writing clean, maintainable code
def process_data(data):
    return [x for x in data if x > 10]

๐ŸŽจ Front-end

// React: Experienced with hooks and component-based architecture
import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0);
  return <button onClick={() => setCount(count + 1)}>Count: {count}</button>;
}
// Next.js: Server-side rendering for faster loading and SEO
import { useRouter } from 'next/router';

export default function HomePage() {
  const router = useRouter();

  return (
    <div>
      <h1>Welcome to Next.js!</h1>
      <button onClick={() => router.push('/about')}>Go to About</button>
    </div>
  );
}
<!-- HTML & CSS: Expertise in building accessible, responsive layouts -->
<div class="card">
  <h2 class="card-title">This is a Card</h2>
  <p class="card-content">A clean, responsive layout using modern web standards.</p>
</div>

๐Ÿ”ง Back-end

// Node.js: Solid foundation in building RESTful and GraphQL APIs
const express = require('express');
const app = express();

app.get('/api/data', (req, res) => {
  res.json({ message: 'Hello from the backend!' });
});

app.listen(3000, () => console.log('Server running on port 3000'));
// Spring Boot: Building scalable, secure backend services
@RestController
public class UserController {

  @GetMapping("/api/user")
  public ResponseEntity<User> getUser() {
    User user = new User("Jaouad", "[email protected]");
    return ResponseEntity.ok(user);
  }
}
# Django: Utilizing a robust framework for complex web applications
from django.http import JsonResponse

def home(request):
    data = {"message": "Welcome to Django!"}
    return JsonResponse(data)

๐Ÿ’พ Databases

-- MySQL & PostgreSQL: Strong understanding of relational databases
CREATE TABLE users (
  id SERIAL PRIMARY KEY,
  name VARCHAR(100),
  email VARCHAR(100) UNIQUE
);
// MongoDB: Skilled in handling flexible, document-based storage
db.users.insertOne({
  name: "Jaouad Ouchaib",
  email: "[email protected]",
  skills: ["JavaScript", "Python", "Node.js"]
});

โ˜๏ธ DevOps

# Docker: Efficient in containerizing applications for development and production
version: '3'
services:
  web:
    image: myapp
    ports:
      - "8080:80"
    volumes:
      - .:/app
# Kubernetes: Managing clusters and scaling applications
kubectl create deployment myapp --image=myapp:latest
kubectl expose deployment myapp --type=LoadBalancer --port=80
# AWS CLI: Proficient in managing cloud infrastructure
aws s3 sync ./website s3://my-bucket --acl public-read