Projet_chaton

Site de Vente de Photos de Chatons

Bienvenue sur le projet Vente de Photos de Chatons ! Ce projet est une maquette complète d'un site de commerce en ligne dédié à la vente de photos de chatons. Il comprend toutes les fonctionnalités nécessaires pour un site de vente en ligne, de la présentation des produits à la gestion des utilisateurs et des paiements.

Fonctionnalités du projet

Le site comprend les pages suivantes :

1. Page d'accueil
   La page d'accueil présente le concept du site avec une introduction aux photos de chatons à vendre, des liens vers les différentes sections du site, et une navigation fluide.

2. Page de Galerie (Photos de Chatons)
   Une page présentant toutes les photos de chatons disponibles à l'achat, avec des filtres pour trier les images par catégories et styles.

3. Page Détail de la Photo
   Une page dédiée à chaque photo de chaton, où l'utilisateur peut voir l'image en grand, choisir des filtres ou des styles de personnalisation, et ajouter la photo au panier.

4. Page de Connexion/Inscription (Login / Sign Up)
   Permet aux utilisateurs de se connecter à leur compte existant ou de créer un nouveau compte pour effectuer des achats.

5. Page de Paiement
   Un système de paiement sécurisé permettant aux utilisateurs d'acheter leurs photos, avec l'option de paiement par carte de crédit ou d'autres méthodes.

6. Section commentaires Encourage les utilisateurs et contributeurs à poser des questions, donner leur avis ou partager des suggestions d'améliorations. Cela invite à une interaction active avec les utilisateurs du projet.

7. Page de Suivi de Livraison
   Cette fonctionnalité permet aux utilisateurs de suivre l'état de leur commande après l'achat. En entrant leur numéro de commande, les utilisateurs peuvent voir les informations de livraison telles que l'état actuel de l'expédition, la date estimée de livraison et les coordonnées du transporteur.

8. Personnalisation des Photos
   Personnalisez vos photos de chatons en choisissant le format, les filtres, les cadres et le texte pour un rendu unique et sur mesure !

Technologies utilisées

Ce projet utilise les technologies suivantes :

• HTML : Structure de base des pages.
• CSS : Design et mise en page des éléments du site.
• JavaScript : Interactivité et gestion des actions sur le site (ex. : ajout au panier, sélection de filtres).
• **Ruby on rails : Gestion des requêtes côté serveur, gestion des utilisateurs et des paiements.
• Base de données : Pour stocker les informations des utilisateurs, des photos et des transactions.
• **Stripe : Intégration d'un système de paiement sécurisé.

Fonctionnalités à venir

• Panier d'achat : Permettre à l'utilisateur de gérer ses achats avant de procéder au paiement.
• Gestion des filtres personnalisés : Permettre aux utilisateurs de prévisualiser et de choisir des filtres pour leurs photos.
• Notifications par email : Envoyer des confirmations de commande et des notifications de mise à jour.

Installation et démarrage

Pour tester ou développer ce projet localement, suivez les étapes ci-dessous :

• Un compte Stripe pour la gestion des paiements.

Voici le lien de la maquette figma : https://www.figma.com/design/0HHcexxEZCpC2JkMcQhr9U/Untitled?node-id=0-1&node-type=canvas&t=UZhepLocO30ySrUs-0