Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/akekochan/challenge-portfolio
Challenge intégration portfolio
https://github.com/akekochan/challenge-portfolio
preact tailwindcss typescript
Last synced: about 10 hours ago
JSON representation
Challenge intégration portfolio
- Host: GitHub
- URL: https://github.com/akekochan/challenge-portfolio
- Owner: AkekoChan
- Created: 2025-01-23T19:13:57.000Z (1 day ago)
- Default Branch: main
- Last Pushed: 2025-01-23T19:34:38.000Z (1 day ago)
- Last Synced: 2025-01-23T20:27:41.325Z (1 day ago)
- Topics: preact, tailwindcss, typescript
- Language: TypeScript
- Homepage:
- Size: 165 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Challenge Portfolio
## Description du projet
Ce projet a vu le jour suite à la demande de mon frère qui souhaitait un portfolio pour présenter son travail. J'ai pris en charge l'intégralité du design de son site sur Figma, en veillant à répondre à ses besoins et envies en termes de mood et de graphisme.
Dans le cadre de ce projet, j'ai choisi d'intégrer deux pages principales pour m'entraîner :
- **La page d'accueil**
- **La page À propos**
Mon objectif principal était de reproduire fidèlement la maquette et de mettre en œuvre les interactions que j'avais imaginées lors du processus créatif.
## Choix techniques
### Framework : **Preact**
J'ai choisi Preact à la place de React pour :
- Réduire le poids de la librairie.
- Découvrir un nouveau framework et enrichir mes compétences.
### Langage : **TypeScript**
L'utilisation de TypeScript s'inscrit dans une démarche d'amélioration de la sécurité du code et de l'exploration des possibilités offertes par ce langage.
### Style : **Tailwind CSS**
Tailwind a été choisi pour :
- Simplifier le développement de l'intégration.
- Permettre de se concentrer sur les aspects techniques du projet.
## Objectifs du projet
- Réaliser un site web esthétique et fonctionnel, conforme à la maquette créée sur Figma.
- Mettre en œuvre des interactions utilisateur fluides et intuitives.
- Approfondir mes compétences en Preact, TypeScript et Tailwind CSS.
## Fonctionnalités prévues
- **Page d'accueil :** Mise en avant des projets et introduction à la personnalité de mon frère.
- **Page À propos :** Présentation détaillée de son parcours, de ses compétences et de qui il est.
## Installation et utilisation
1. **Cloner le repository :**
```bash
git clone
```
2. **Installer les dépendances :**
```bash
npm install
```
3. **Lancer le projet en mode développement :**
```bash
npm run dev
```
4. **Construire le projet pour la production :**
```bash
npm run build
```
## Ressources
- **Documentation Preact :** [https://preactjs.com/](https://preactjs.com/)
- **Documentation Tailwind CSS :** [https://tailwindcss.com/](https://tailwindcss.com/)
- **Documentation TypeScript :** [https://www.typescriptlang.org/](https://www.typescriptlang.org/)