<section class="achievement">
    <div class='animated invisible' data-animation='fadeInUp'>
        <div class="column">
            <h2 class='title'>
                Intégration & Développement WordPress
            </h2>
            <a class="btn" href="https://souvenirdinstant.fr" target="_blank">Accéder au site</a>
        </div>
        <div class="column">
            <p>
                Ce projet est une création d'une boutique en ligne afin de proposé à la vente des produits en bois personnalisable par les client de l'entreprise Souvenir d'Instant.
                La boutique à été réalisée grâce au CMS <a target="_blank" href="https://wordpress.org">Wordpress</a>, en créant un thème sur mesure.
            </p>
            <p>
                Avant tout, il a fallut créer une maquette en fonction du brand-board fourni par le client.
                La maquette à été réalisée grâce à l'outil de prototypage <a target="_blank" href="https://figma.com">Figma</a> et est disponible <a target="_blank" href="https://www.figma.com/file/od1r2wgQl1hRwX92r7TrUw/Souvenir-d-instant?node-id=0%3A1">ici</a>.
            </p>
        </div>
    </div>
    <div class="column">
        <div>
            <div class='animated invisible' data-animation='fadeInUp' data-delay='400'>
                <h3 class='sub_title'>
                    Un espace de vente
                </h3>
                <p>
                    Afin de créer un espace de vente, j'ai utilisé le plugin <a target="_blank" href="https://woocommerce.com/">Woocommerce</a>.
                    Après avoir configuré le module, puis modifié le design de ce dernier en fonction de la maquette, la partie e-commerce du site était prête.
                </p>
                <p>
                    Le client souhaitant pouvoir fournir une prévisualisation en temps réel de l'objet personnalisable, il a fallut trouver une solution afin d'intégrer cette fonctionnalité à <a target="_blank" href="https://woocommerce.com/">Woocommerce</a>.
                    Pour cela, j'ai utilisé un plugin proposé par la société <a target="_blank" href="https://zakeke.com/">Zakeke.com</a>.
                    Ce dernier permet d'ajouter un éditeur permettant d'effectuer sa personnalisation,  d'exporter ou de partager la personnalisation et d'ajouter la personnalisation au panier.
                </p>
            </div>
            <div class='animated invisible' data-animation='fadeInUp' data-delay='800'>
                <h3 class='sub_title'>
                    Un espace photo
                </h3>
                <p>
                    En plus d'un site de vente, <a target="_blank" href="https://souvenirdinstant.fr/">Souvenir d'Instant</a> souhaitait pouvoir proposer ses services en tant que photographe.
                    L'espace photo permet de mettre en avant certaines images choisi par <a target="_blank" href="https://souvenirdinstant.fr/">Souvenir d'Instant</a> ainsi que de proposer ses services et tarifs.
                </p>
                <p>
                    De plus, un espace privé pour chaque client doit être disponible afin que <a target="_blank" href="https://souvenirdinstant.fr/">Souvenir d'Instant</a> puisse mettre en ligne les différentes photos réalisées lors des différents événements.
                </p>
            </div>
        </div>
        <a class='animated invisible' data-animation='zoomIn' data-delay='400' href="/achievements/souvenirdinstant/home.webp"><img width="649px" height="451px" src="/achievements/souvenirdinstant/home.webp" alt="Page d'accueil Souvenir d'Instant"></a>
    </div>
    <div class="grid">
        <a class='animated invisible' data-animation='zoomIn' data-delay='0' href="/achievements/souvenirdinstant/shop.webp"><img width="462px" height="297px" src="/achievements/souvenirdinstant/shop.webp" alt="Page boutique"></a>
        <a class='animated invisible' data-animation='zoomIn' data-delay='300' href="/achievements/souvenirdinstant/single.webp"><img width="462px" height="297px" src="/achievements/souvenirdinstant/single.webp" alt="Page produit"></a>
        <a class='animated invisible' data-animation='zoomIn' data-delay='600' href="/achievements/souvenirdinstant/cart.webp"><img width="462px" height="297px" src="/achievements/souvenirdinstant/cart.webp" alt="Page panier"></a>
        <a class='animated invisible' data-animation='zoomIn' data-delay='0' href="/achievements/souvenirdinstant/photo-area.webp"><img width="462px" height="297px" src="/achievements/souvenirdinstant/photo-area.webp" alt="Espace photo"></a>
        <a class='animated invisible' data-animation='zoomIn' data-delay='300' href="/achievements/souvenirdinstant/gallery-photo-area.webp"><img width="462px" height="297px" src="/achievements/souvenirdinstant/gallery-photo-area.webp" alt="Galerie de l'espace photo"></a>
        <a class='animated invisible' data-animation='zoomIn' data-delay='600' href="/achievements/souvenirdinstant/contact.webp"><img width="462px" height="297px" src="/achievements/souvenirdinstant/contact.webp" alt="Page de contact"></a>
      </div>
</section>


Développement sur mesure d'une boutique Wordpress pour la vente d'objets personnalisables

Souvenir d'Instant

<center><img src="/logo.webp" /></center>
<p><p-center>Choisissez l'un de nos <strong>tutoriels de démarrage</strong> ou explorez les autres tutoriels afin d'<strong>approfondir vos connaissances</strong> pour utiliser votre site.</p-center></p>


Création d'un CMS complet, avec un contructeur de page sur mesure, en JavaScript

CMSJS (projet en cours)

<section class="achievement">
    <div class='animated invisible' data-animation='fadeInUp'>
        <div class="column">
            <h2 class="title">
                Intégration & Développement sur mesure
            </h2>
            <a class="btn" href="https://vapehouse.aymericlhomme.fr" target="_blank">Accéder au site</a>
        </div>
        <div class="column">
            <p>
                Ce projet est une création d'une boutique en ligne afin de proposé à la vente des cigarettes électroniques et des e-liquides pour l'entreprise Vapehouse.
                La boutique à été réalisée grâce à un développement sur mesure, a l'aide du framework <a target="_blank" href="https://symfony.com">Symfony</a> ainsi que de <a target="_blank" href="https://fr.reactjs.org">React</a>.
            </p>
        </div>
    </div>
    <div class="column">
        <div>
            <div class='animated invisible' data-animation='fadeInUp' data-delay='400'>
                <h3 class="sub_title">
                    Front-End
                </h3>
                <p>
                    <a target="_blank" href="https://symfony.com">Symfony</a> utilise le moteur de template <a target="_blank" href="https://fr.wikipedia.org/wiki/Twig">Twig</a>, qui permet de créer la structure HTML du site tout en y incluant les données récupérées par les controlleurs. Un controlleur représente une route (une url) du site internet.
                </p>
                <p>
                    La partie administrative du site à été entièrement réalisée grâce à <a target="_blank" href="https://fr.reactjs.org">React</a> afin de proposer une interface dynamique sans temps de chargement apparent.
                </p>
            </div>
            <div class='animated invisible' data-animation='fadeInUp' data-delay='800'>
                <h3 class="sub_title">
                    Back-End
                </h3>
                <p>
                    <a target="_blank" href="https://symfony.com">Symfony</a> utilise l'<a target="_blank" href="https://fr.wikipedia.org/wiki/Doctrine_(ORM)">ORM Doctrine</a> afin d'avoir un lien entre les objets et les éléments de la base de données. Pour cela, il est nécessaire de créer diverses entitées qui représentent un objet et donc une table dans la base de données.
                </p>
                <p>
                    Afin de pouvoir communiquer avec l'administration, il est nécessaire de créer des APIs. Pour cela, j'ai utilisé le package <a target="_blank" href="https://api-platform.com">API Platform</a> qui permet de créer directement toutes les APIs (GET, POST, PUT, DELETE) en se basant sur les entitées <a target="_blank" href="https://symfony.com">Symfony</a>.
                </p>
            </div>
        </div>
        <a class='animated invisible' data-animation='zoomIn' data-delay='400' href="/achievements/vapehouse/home.webp"><img width="649px" height="451px" src="/achievements/vapehouse/home.webp" alt="Page d'accueil Vapehouse"></a>
    </div>
    <div class="grid">
        <a class='animated invisible' data-animation='zoomIn' data-delay='0' href="/achievements/vapehouse/category.webp"><img width="462px" height="297px" src="/achievements/vapehouse/category.webp" alt="Page catégorie"></a>
        <a class='animated invisible' data-animation='zoomIn' data-delay='300' href="/achievements/vapehouse/single.webp"><img width="462px" height="297px" src="/achievements/vapehouse/single.webp" alt="Page produit"></a>
        <a class='animated invisible' data-animation='zoomIn' data-delay='600' href="/achievements/vapehouse/cart.webp"><img width="462px" height="297px" src="/achievements/vapehouse/cart.webp" alt="Page panier"></a>
        <a class='animated invisible' data-animation='zoomIn' data-delay='0' href="/achievements/vapehouse/account.webp"><img width="462px" height="297px" src="/achievements/vapehouse/account.webp" alt="Espace membre"></a>
    </div>
</section>


Création d'un site e-commerce sur mesure pour la vente de cigarettes électronique pour la société VapeHouse

VapeHouse

Création d'un thème Wordpress pour le site de la boutique SOS DEPAN'ORDI

Lhomme Aymeric - Développeur Freelance

Création de site vitrine

Création de site E-Commerce

Intégration Web

Refonte de site internet

Mes dernières réalisations