Steeven Dev

Photo de profil

Rapport de stage

Du 12 mai au 11 juillet 2025


Préparé par

HOUNKPE-SAGBO Elvis Steeven Jeff

Étudiant en première année en Bachelor informatique


Tuteur de stage

François-Guillaume Ribreau


Année universitaire : 2024-2025

Remerciements

Collaboration d'équipe

Je remercie chaleureusement l'équipe de NoBullshit Collective pour leur accueil et leur confiance. Un merci spécial à mon maître de stage François-Guillaume Ribreau pour son accompagnement, sa pédagogie et ses retours constructifs qui m'ont permis de progresser. Je remercie également Élise Barré et Killian Bellouard pour leur aide précieuse.

Présentation de l'entreprise

NoBullshit
Collective

Bureau moderne

Siège social à Chantonnay

Créé en 2023 et basé à Chantonnay, NoBullshit Collective est une SARL dirigée par François-Guillaume Ribreau. Fidèle à son nom, elle livre des solutions efficaces et de qualité, sans superflu. Spécialisée dans l'accompagnement à la modernisation des systèmes informatiques, elle aide ses clients à réduire leur dette technique et à améliorer leur productivité en transformant leurs outils internes en produits SaaS.


Leur philosophie:

  • l'innovation
  • une approche globale
  • l'expertise
  • la confiance client
  • l'engagement dans la formation

Missions Principales

Développement web

Site Netir actuel de Netir en production

Mon stage a été centré sur l'intégration des maquettes Figma vers Plasmic pour le site Netir.fr, une plateforme de mise en relation entre freelances, entreprises et mentors. Ce stage s'est déroulé en deux phases :

Design Figma

Intégration des maquettes Figma

  • Intégration de pages clés : accueil, landing pages (entreprise, freelance), pages légales.
  • Création de composants réutilisables et gestion de l'adaptativité des écrans desktop, tablette, mobile.
  • Mise en place d'interactions (menu burger, check Button personnalisé).
  • Assurance du pixel perfect et optimisation SEO.

Design Figma

Intégration de la partie application de Netir

  • Intégration des pages d'inscription (signup) et des sections du tableau de bord (dashboard).
  • Structuration de layouts réutilisables et gestion de la progression des étapes.
  • Travail approfondi sur la cohérence visuelle et la responsivité.

Figma logo

Figma

P

Plasmic

Responsive

Integration

Compétences Développées

Développement de compétences

Au cours de mon stage, j'ai pu développer plusieurs compétences clés :

Technique

  • Compréhension et application d'une méthode de travail claire et efficace.
  • Création de sites avec Plasmic (structure, composants, interactions)
  • Adaptation des pages à l'ordinateur, tablette et mobile (responsive)
  • Découverte de GitLab CI/CD et Supabase.
  • Intérêt pour React et les automatisations.

Professionnelles

  • Autonomie et gestion du temps en télétravail.
  • Prise d'initiatives et adaptation aux retours.
  • Collaboration à distance (Daily meetings, Google Meet, Slack).
  • Rigueur et écoute client.

Activités et Défis

Événement de networking

Événement Tech and Chill

J'ai participé au Tech and Chill de No Bullshit, Tech and Chill est un événement de networking organisé par NoBullshit Collective. Il m'a permis d'échanger avec des experts (automatisation, data, DevOps) et de trouver des pistes concrètes pour mes projets personnels. Un défi majeur fut le pixel perfect, résolu en utilisant l'inspecteur du navigateur pour extraire précisément les styles CSS.

Conclusion

Croissance professionnelle

Ce stage m'a permis de clarifier mon projet professionnel et de découvrir les exigences du développement web en production. J'y ai développé un intérêt fort pour le DevSecOps, la sécurité, l'automatisation CI/CD et le développement fullstack. Au-delà des aspects techniques, j'ai vécu une expérience humaine enrichissante au sein d'une équipe exigeante et bienveillante.

Sitographie

  • Plasmic - Un outil de conception visuelle.
  • Figma - Outil de design collaboratif.
  • Slack - Outil de communication d'équipe.
  • Plasmic Forum - Forum de la communauté Plasmic.

Contact

Contact professionnel

Voici mon profil Linkedin monprofil

Mon Curriculum Vitae