Skip to content
View stevenzab's full-sized avatar

Highlights

  • Pro

Block or report stevenzab

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
stevenzab/README.md

Portfolio Steven ZABANDITH

🚀 Portfolio moderne et responsive

Bienvenue sur mon portfolio personnel ! Ce site vitrine présente mes compétences, mon expérience et mes projets en tant que développeur FullStack.

✨ Fonctionnalités

  • Design moderne : Interface épurée et professionnelle
  • Responsive Design : Optimisé pour tous les appareils
  • Performance optimisée : Chargement rapide et SEO-friendly

🛠️ Technologies utilisées

  • Frontend : Next.js 14, React 18, TypeScript
  • Styling : Tailwind CSS
  • Icons : Lucide React
  • Deployment : Vercel (recommandé)

📱 Pages

  • Accueil : Hero section, compétences, expérience
  • À propos : Présentation détaillée, parcours professionnel
  • Projets : Portfolio de projets avec filtres
  • Contact : Formulaire de contact et informations

🏃‍♂️ Installation et utilisation

  1. Cloner le repository
git clone https://github.com/stevenzab/portfolio
cd portfolio
  1. Installer les dépendances
npm install
  1. Lancer le serveur de développement
npm run dev
  1. Ouvrir dans le navigateur
http://localhost:3000

📁 Structure du projet

├── app/
│   ├── globals.css          # Styles globaux et animations
│   └── favicon.ico
├── components/
│   ├── navbar.tsx           # Navigation principale
│   ├── footer.tsx           # Pied de page
│   └── layout.tsx           # Layout principal
├── pages/
│   ├── index.tsx            # Page d'accueil
│   ├── about-page.tsx       # Page À propos
│   ├── projects.tsx         # Page Projets
│   └── contact.tsx          # Page Contact
├── assets/                  # Icônes et images
└── public/                  # Assets statiques

🎨 Personnalisation

Couleurs

Le thème principal utilise une palette de couleurs harmonieuse :

  • Primaire : Bleu (#3B82F6)
  • Secondaire : Violet (#8B5CF6)
  • Arrière-plan : Beige chaud (#FAF2D9)

Contenu

Pour personnaliser le contenu :

  1. Modifiez les informations personnelles dans chaque page
  2. Ajoutez vos propres projets dans projects.tsx
  3. Mettez à jour les liens sociaux et coordonnées

🚀 Déploiement

Vercel (Recommandé)

  1. Push sur GitHub
  2. Connectez votre repository à Vercel
  3. Déploiement automatique à chaque commit

Autres plateformes

# Build de production
npm run build

# Démarrer en production
npm start

📈 Optimisations SEO

  • Meta tags optimisées
  • Structure HTML sémantique
  • Images optimisées
  • Performance élevée
  • Mobile-first design

🤝 Contribution

Les suggestions d'amélioration sont les bienvenues ! N'hésitez pas à :

  1. Fork le projet
  2. Créer une branche pour votre fonctionnalité
  3. Commiter vos changements
  4. Pousser vers la branche
  5. Ouvrir une Pull Request

📞 Contact

Steven ZABANDITH

📄 Licence

Ce projet est sous licence MIT. Voir le fichier LICENSE pour plus de détails.


⭐ Si ce portfolio vous plaît, n'hésitez pas à lui donner une étoile !

Languages and Tools:

c cplusplus csharp css3 dart docker flutter git haskell html5 linux mysql objectivec postgresql postman python unity

Popular repositories Loading

  1. Workshops Workshops Public

    Forked from PoCInnovation/Workshops

    Workshops organized to introduce students to security, AI, AR/VR, hardware and software

    Jupyter Notebook 1

  2. pushSwap pushSwap Public

    C 1

  3. GAmeJam-10-02-23 GAmeJam-10-02-23 Public

    C++ 1

  4. Defender Defender Public

  5. stevenzab stevenzab Public template

    Steven Zabandith Portfolio

    TypeScript

  6. TodoList TodoList Public

    TodoList in TypeScript

    TypeScript