Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/istifano/teamfolio-by-pixel-warriors

🌟 Application de Gestion d'Équipe et Projets 🌟 :Plateforme interactive pour afficher et gérer les profils d’équipe, projets, et services. Les données sont chargées en temps réel via JSON/XML, permettant aux membres de mettre à jour leurs informations et répondre aux avis clients. Technologies : HTML, CSS, JavaScript (Fetch API).
https://github.com/istifano/teamfolio-by-pixel-warriors

fetch-api json-api portfolio sass

Last synced: 4 days ago
JSON representation

🌟 Application de Gestion d'Équipe et Projets 🌟 :Plateforme interactive pour afficher et gérer les profils d’équipe, projets, et services. Les données sont chargées en temps réel via JSON/XML, permettant aux membres de mettre à jour leurs informations et répondre aux avis clients. Technologies : HTML, CSS, JavaScript (Fetch API).

Awesome Lists containing this project

README 

        

### **Site de Portfolio pour DevConnect**



## Authors



- [@Abdelhakim Baalla](https://github.com/Abdelha98kim)

- [@Aamir El Amiri](https://github.com/ISTIFANO)

- [@Abdellah Addar](https://github.com/abdell3)



### 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](https://elamiriamir7.atlassian.net/jira/software/projects/TBPW/boards/4)

* **Maquettes de conception:** DĂ©couvrez les maquettes de conception sur Figma : [Maquettes Figma](https://www.figma.com/design/EdzYUR6wsw9q0ZSBe4fXMg/TeamFolio?node-id=0-1&node-type=canvas&t=gpZW44qgvGyaYz4v-0)

* **Présentation du projet:** Consultez notre présentation Canva pour une vue d'ensemble du projet : [Présentation Canva](https://www.canva.com/design/DAGUzH4ansM/5bqvx5Y4SNFmBTCm8Uovtw/edit)



**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:**

   ```bash

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

   ```

2. **Acceder au project:**

   ```bash

   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](https://choosealicense.com/licenses/mit/)