Site de Portfolio pour DevConnect

Authors

• @Abdelhakim Baalla
• @Aamir El Amiri
• @Abdellah Addar

Avertissement ⚠️

Ce projet est en cours de développement et certaines fonctionnalités peuvent être sujettes à changement.

Présentation

Ce projet vise à créer un site web de portfolio dynamique pour une équipe de freelances spécialisés dans le développement web. Le site permettra à chaque membre de l'équipe de présenter ses compétences, ses projets, ses services et ses témoignages clients. Il intégrera un backend robuste utilisant des fichiers JSON ou XML pour stocker et gérer les données, offrant ainsi une base solide pour une future évolutivité.

Ressources

• Suivi du projet: Consultez notre tableau de bord Jira pour suivre l'avancement des tâches : Suivi du projet sur Jira
• Maquettes de conception: Découvrez les maquettes de conception sur Figma : Maquettes Figma
• Présentation du projet: Consultez notre présentation Canva pour une vue d'ensemble du projet : Présentation Canva

Fonctionnalités clés

• Récupération dynamique de données: Utiliser l'API Fetch de JavaScript pour récupérer des données depuis des fichiers JSON et XML, permettant ainsi des mises à jour en temps réel du site web.
• Profils personnalisables: Permettre aux freelances de créer et gérer leurs profils, incluant leurs compétences, projets, services et coordonnées.
• Design responsif: Assurer que le site s'adapte parfaitement à différentes tailles d'écran grâce à Tailwind CSS.
• Style avancé: Utiliser SASS pour une personnalisation avancée du style et du thème.
• Gestion de projets: Permettre aux utilisateurs de filtrer et rechercher des projets en fonction de divers critères.
• Gestion de témoignages: Collecter et afficher des témoignages clients, permettant des mises à jour et une gestion faciles.
• Formulaires de contact: Fournir un formulaire de contact simple pour les utilisateurs afin de contacter les freelances.

Stack technologique

• Frontend: HTML, CSS, JavaScript (ES6), Tailwind CSS, SASS
• Backend: JSON,XML
• Outils: Figma, Git

Structure du projet

• components: Composants UI réutilisables
• pages: Pages individuelles (accueil, équipe, projets, services, contact)
• data: Fichiers JSON et XML pour le stockage de données
• styles: Feuilles de style SASS
• scripts: Fichiers JavaScript

Démarrage rapide

1. Cloner le dépôt:

   git clone https://github.com/ISTIFANO/TeamFolio-by-Pixel-Warriors.git

2. Acceder au project:

   cd TeamFolio-by-Pixel-Warriors

Processus de développement

• Figma: Utiliser Figma pour créer des maquettes de design et les partager avec l'équipe.
• Git: Utiliser Git pour le contrôle de version et la collaboration.
• Revue de code: Effectuer des revues de code régulières pour maintenir la qualité du code.

Tests

• Tests de navigateur: Tester le site web sur différents navigateurs et appareils.
• Tests Responsivite: S'assurer que le site web est responsive pour tout les appareils.
• Tests de performance: Optimiser le site web pour la vitesse et les performances.

Déploiement

• la plateforme de d'hébergement: Netlify.

Améliorations futures

• Authentification utilisateur: Permettre aux utilisateurs de créer des comptes et de se connecter.
• Panneau d'administration: Fournir un panneau d'administration pour gérer le site web.
• Base de données: Migrer vers une base de données pour les projets de plus grande envergure.
• Rendu côté serveur: Améliorer le SEO et les performances avec le rendu côté serveur.

En suivant ces directives, nous pouvons créer un site web de portfolio de haute qualité qui présente efficacement les compétences et l'expertise de l'équipe DevConnect.

License

MIT