// Aperçu du projet
9 pages · 1 backend · Prêt à lancer
// Récapitulatif complet

VOTRE SITE
CONNEXION

Tout ce qu'on a construit ensemble — 9 pages HTML, 1 backend JS, 1 guide d'installation.

4
Pages HTML
10
Modules backend
30+
Composants UI
0€
Coût de départ
6
Fichiers livrés
// Les pages

Ce qu'on a créé

01 / 09 · index.html
Landing Page
Page d'accueil publique avec hero animé, présentation de la valeur, domaines couverts, tarifs et CTAs double profil (freelance / entreprise).
Hero animé Tarification Domaines couverts Double CTA Stats Footer
02 / 09 · /inscription
Inscription & Connexion
Formulaire d'inscription en 3 étapes avec sélection du type de profil (freelance/entreprise), champs adaptés, indicateur de robustesse du mot de passe et validation en temps réel.
3 étapes Validation live Force mdp Tags compétences Google / LinkedIn Écran succès
03 / 09 · /espace-freelance
Espace Freelance
Dashboard complet avec sidebar de navigation, KPIs, liste des missions disponibles avec modal de détail, messagerie, profil éditable, documents, facturation et paramètres.
7 sections KPIs Missions Messagerie Profil Facturation
04 / 09 · /espace-entreprise
Espace Entreprise
Dashboard entreprise avec recherche live filtrée (secteur, budget, dispo), publication de missions, candidatures avec scores de matching, messagerie, contrats et facturation.
9 sections Filtres live Publier missions Messagerie Contrats Matching IA
05 / 09 · /experts
Catalogue Experts
Grille de 7 profils candidats avec scores de matching, ring animé, filtres par disponibilité/TJM/habilitation et fiche profil complète en modal (expériences, diplômes, compétences, projets, CV).
7 profils Score matching Modal 6 onglets Habilitations Timeline XP Filtres
06 / 09 · /contact
Contact
Page de contact avec formulaire complet (nom, email, société, sujet, message), validation côté client, feedback visuel d'envoi et informations de contact directes.
Formulaire Validation live Sujets Feedback envoi Adresse Horaires
07 / 09 · /calculateur
Calculateur TJM
Outil de calcul du taux journalier moyen optimal selon revenu cible, statut juridique, jours facturés, frais et marge de sécurité. Positionnement marché par spécialité (spatial, défense, avionique...).
Calcul TJM 7 spécialités Gauge marché Conseils secteur Gratuit
08 / 09 · /creer-profil
Créer un profil Freelance
Tunnel de création de profil expert en 6 étapes : informations personnelles, spécialité, compétences, expériences, habilitations et aperçu final. Barre de progression et prévisualisation en temps réel.
6 étapes Progression Prévisualisation Habilitations Upload CV
09 / 09 · /creer-profil-entreprise
Créer un compte Entreprise
Onboarding entreprise en 5 étapes : informations société, secteur d'activité, premier besoin en expert, contacts clés et activation du compte. Formulaire validé avec preview finale.
5 étapes Secteurs Premier besoin Multi-contacts Logo upload
// Fichier backend.js

10 modules prêts à l'emploi

Auth
Inscription, connexion, déconnexion, protection des pages, reset mot de passe.
→ inscrire(email, mdp, profil) → connecter(email, mdp) → proteger() → motDePasseOublie(email)
Freelances
Gérer son profil, modifier sa disponibilité, rechercher des freelances côté entreprise.
→ getMonProfil() → updateProfil(data) → rechercher(filtres) → toggleDisponibilite()
Missions
Publier, lister, filtrer et gérer le statut des missions.
→ publier(mission) → getListe(filtres) → getMesMissions() → updateStatut(id, statut)
Candidatures
Postuler, accepter/refuser avec notification email automatique.
→ postuler(missionId) → getPourMission(id) → getMesCandidatures() → updateStatut(id, statut)
Messages
Messagerie en temps réel entre freelances et entreprises.
→ envoyer(destinataire, texte) → getConversation(userId) → getConversations() → abonner(callback)
Paiements
Abonnements Stripe (Freelance Pro + Entreprise) et portail client.
→ souscrire(plan) → gererAbonnement() → init()
Email
Emails automatiques via Resend : bienvenue, candidature, statut.
→ bienvenue(email, prenom) → nouvelleCandidature(...) → statutCandidature(...)
Utils
Notifications toast, formatage euros/dates, score de matching.
→ toast(message, type) → euros(montant) → date(dateStr) → scoreMatching(f, m)

Technologies utilisées

HTML / CSS / JS
Frontend — les 4 pages
Gratuit
Supabase
Base de données + Auth
Gratuit
Stripe
Paiements & abonnements
1,5% par tx
Resend
Emails automatiques
Gratuit
o2switch
Hébergement
~60€/an
Google Fonts
Bebas Neue + DM Sans
Gratuit
// Roadmap

Ce qui est fait & ce qui reste

✓ Terminé
MVP Frontend
Landing page
Inscription / Connexion
Dashboard freelance (7 sections)
Dashboard entreprise (9 sections)
Backend.js (10 modules)
Guide d'installation
Plus tard
Croissance
Algorithme de matching IA
App mobile
Gestion de contrats avancée
Tableau de bord analytics
API partenaires
Internationalisation
// Prochaine étape

Prêt à
lancer ?

Suivez le guide d'installation pour mettre XpertConnexion en ligne en moins de 2h.

Voir la landing page → Voir l'inscription → ← Accueil