Skip to content

yanders007/Flym-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

FlymoPay — Prototype Next.js

Ce dépôt contient une base pour FlymoPay : Next.js (pages router) + configuration ESLint/Prettier + CI GitHub Actions. Le but : fournir un scaffold pour que plusieurs développeurs puissent démarrer rapidement.

Contenu

  • pages/ : routes Next.js
    • / : page d'accueil
    • /login : page "Connectez-Vous" (login & register)
  • components/Header.jsx : header responsive
  • .eslintrc.json, .prettierrc
  • .github/workflows/ci.yml : CI pour lint & build
  • package.json : scripts utiles

Installation (local)

# cloner le dépôt puis :
cd flymopay
npm install
npm run dev
# ouvrir http://localhost:3000

Scripts utiles

  • npm run dev — dev server
  • npm run build — build
  • npm start — start production
  • npm run lint — exécute ESLint
  • npm run format — exécute Prettier

Implémentation pour d'autres devs

  1. Copier ce repo ou forker.
  2. Mettre en place CI/CD : un pipeline (par ex. Vercel ou GitHub Actions) qui :
    • installe les dépendances,
    • exécute npm run lint,
    • exécute npm run build,
    • déploie si tout est OK.
  3. Branching : feature/* pour fonctionnalités, PR + review avant merge.
  4. Intégration Mobile Money (exemples) :
    • Créer un module lib/mobileMoney/* qui encapsule appels API des opérateurs (Orange Money, MTN, Wave).
    • Garder les clés API dans process.env et jamais dans le repo.

Validation & UX

La page pages/login contient des validations basiques côté client. Pour la production :

  • utiliser react-hook-form + schéma (Yup/Zod) côté client
  • vérifier côté serveur
  • assurer l'accessibilité (a11y)

Notes

Ceci est un prototype minimal qui couvre la structure et la logique UI/UX basique demandée. Vous pouvez l'étendre (Tailwind, design system, tests unitaires).

Bonne contribution !

Ajouts

  • Tailwind CSS pour styling
  • Formulaires avec react-hook-form et validation zod
  • Module mock lib/mobileMoney/example.js et endpoints API mock (/api/auth/*, /api/pay)
  • Panneau admin caché accessible via identifiant admin / mot de passe admin (demo only)

Comment tester le panneau admin

  1. npm install pour installer les dépendances (incluant dev deps pour Tailwind)
  2. npm run dev
  3. Aller sur /login et entrer admin / admin pour accéder à /admin.

Important: ceci est une démonstration. Ne jamais utiliser une authentification 'admin' côté client en production.

About

Un site bref de commerce en ligne à essayer

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors