Oishi - Portfolio - Maxence Coste

Oishi - Sushi Shop

Développement d'une plateforme e-commerce complète pour un établissement de restauration rapide.

Un projet ambitieux réalisé en groupe pour apprendre à connecter une interface moderne Angular à une base de données SQL.

Mon Rôle

Développeur Fullstack

L'Équipe

4 Étudiants

Stack Technique

Angular, PHP (API), MySQL

Le Concept

Oishi est une application web destinée à la commande en ligne de sushis et de plateaux repas. L'objectif était de simuler un environnement professionnel réel où le client peut naviguer dans un catalogue, gérer son panier et passer commande.

Challenges Techniques

Architecture API
Connecter le Frontend (Angular) au Backend via une API PHP RESTful créée sur mesure.

Apprentissage d'Angular
Découverte et prise en main du framework (Composants, Services, Routing) en cours de développement.

Gestion des Données
Modélisation de la base de données SQL pour gérer les utilisateurs, les produits et l'historique des commandes.

Développement & Fonctionnalités

Le projet est actuellement en cours de finalisation, avec un focus particulier sur l'expérience utilisateur lors de l'inscription et de la commande.

Gestion Utilisateurs (Fini)

Les modules d'inscription et de connexion sont totalement fonctionnels. Nous avons sécurisé les formulaires et géré la persistance de la session côté client.

Architecture Backend

Pour faire communiquer notre application Angular avec la base de données, nous avons développé une API légère en PHP. C'était un point crucial du projet : comprendre comment faire transiter les données (JSON) entre le serveur et le client.

                     0){
    $boxes_arr = array();
    while ($row = $stmt->fetch(PDO::FETCH_ASSOC)){
        // Construction du JSON de réponse
        array_push($boxes_arr["records"], $item);
    }
    echo json_encode($boxes_arr);
}
?>
                

Bilan Actuel

Ce projet de SAE est une excellente opportunité de monter en compétences sur des technologies très demandées (Angular). Travailler à 4 nous oblige aussi à utiliser des outils de versioning (Git) et à coordonner nos tâches.

Le principal défi reste l'intégration complète de l'API avec tous les composants du frontend, mais les briques principales (Auth, Data Fetching) sont posées.

SAE

Projet Tuteuré

Angular

Framework

100%

API Custom