Projet de Stage - Arthur Chessé

Vue d'ensemble du stage

1

Architecture & Setup

Configuration serveurs (Frontend port 8082, Backend port 3001), structure des dossiers, choix de la stack technique

2

Frontend TailwindCSS

Interface responsive, Web Components pour actualités/calendrier, intégration Google Maps

3

Backend Express.js

API REST, endpoints JSON, authentification, gestion uploads avec Multer

4

Dashboard & CRUD

Interface admin, éditeur Quill.js, gestion actualités et calendrier

Présentation de l'entreprise

Contexte et activité

Smile 4 All est une clinique dentaire moderne située au centre-ville, spécialisée dans les soins dentaires généraux et esthétiques. Avec une équipe de 6 professionnels, le cabinet accueille plus de 1500 patients par an.

Fondé il y a 10 ans par Roland Marceau, Smile 4 All s'est développé pour devenir une référence locale en matière de soins dentaires de qualité. L'établissement mise sur les technologies modernes et un accueil personnalisé.
Équipe et environnement

J'ai été intégré dans une équipe dynamique composée de Roland Marceau (chirurgien-dentiste), de 2 assistantes dentaires, 2 secrétaires médicales et d'un gestionnaire administratif. L'environnement de travail était très professionnel et bienveillant.

Missions réalisées

Développement Frontend (TailwindCSS + Vanilla JS)

Création d'un site responsive avec TailwindCSS, développement de Web Components pour les actualités et calendrier, intégration Google Maps, navigation mobile optimisée. Architecture modulaire avec Fetch API.

Backend Node.js + API REST

Serveur Express.js sur port 3001, création d'endpoints REST (/api/news, /api/calendar, /api/auth), gestion uploads images avec Multer, système d'authentification admin, stockage JSON local.

Dashboard Admin + CRUD

Interface d'administration complète avec éditeur Quill.js, CRUD actualités, gestion calendrier consultation/administratif, upload d'images, authentification sécurisée (admin/admin123).

Compétences développées

Vanilla JavaScript + Web Components 90%

Node.js + Express.js 85%

TailwindCSS + Design Responsive 88%

API REST + JSON 82%

Compétences techniques

Développement full-stack avec Node.js/Express.js, création de Web Components en Vanilla JS, intégration TailwindCSS, développement d'API REST, gestion d'uploads avec Multer, intégration Google Maps.
Compétences transversales

Communication avec le client, gestion de projet, respect des délais, adaptabilité, résolution de problèmes, travail en autonomie, présentation de solutions techniques.

Timeline du stage

Semaines 1-2 : Setup & Architecture

Configuration environnement Node.js, structure projet, choix TailwindCSS, mise en place serveurs locaux (ports 8082/3001)

Semaines 3-4 : Frontend Development

Développement site principal, Web Components (actualités/calendrier), Fetch API, Google Maps, navigation responsive

Semaines 5 : Backend + API

Serveur Express.js, endpoints REST, authentification, Multer uploads, intégration dashboard admin avec Quill.js

Semaine 6 : Tests & Finalisation

Tests CRUD, optimisation performances, documentation technique, formation équipe, mise en production

Détails Techniques

Dashboard Administrateur

Fonctionnalités développées