https://github.com/mathiasvacher/portfolio
Portfolio - Mathias Vacher - 2025
https://github.com/mathiasvacher/portfolio
bootstrap portfolio scss typescript vitejs
Last synced: 3 months ago
JSON representation
Portfolio - Mathias Vacher - 2025
- Host: GitHub
- URL: https://github.com/mathiasvacher/portfolio
- Owner: mathiasvacher
- Created: 2025-02-09T13:04:56.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-26T18:50:24.000Z (over 1 year ago)
- Last Synced: 2025-02-26T19:35:02.689Z (over 1 year ago)
- Topics: bootstrap, portfolio, scss, typescript, vitejs
- Language: TypeScript
- Homepage: https://www.mathiasvacher.fr/
- Size: 5.47 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MATHIAS VACHER - Portfolio
## React + TypeScript + Vite
Ce site a été développé avec une combinaison d'outils : React / TypeScript / Vite.
Le style est réalisé en Sass & bootstrap.
## Faire fonctionner le projet
La première étape est d'installer et de setup le projet.
### Pour setup le projet :
1. Le cloner depuis ce repo
2. Lancer un terminal et installer les packages node avec : `npm install`
3. Lancer un éditeur de code et travailler sur les fichiers dans le dossier : `src/`
### Pour travailler sur le projet :
1. Une fois le setup effectué, lancer un terminal et faire : `npm run dev`
2. Puis se rendre à l'adresse indiquée dans le terminal.
### Pour publier les changements :
1. Add les changements : `git add .`
2. Commit les changements : `git commit -m "Informations concernants les changements"`
3. Push les changements : `git push`
4. Construire le projet pour préparer le déploiement : `npm run build`
5. Déployer le projet sur GitHub Pages : `npm run deploy`
## Informations concernant le projet
- Les informations affichées dans chacune des catégories du site sont toutes référencées dans des fichiers dédiés dans le dossier `src/assets/components/data`, elles sont donc à modifier directement depuis ces fichiers data.
- Il y a un script dans chacun des fichiers `404.html`et `index.html` pour permettre les redirections en cas de rafraichissement / accès au site depuis un lien direct. Ces scripts sont spécifiques pour s'adapter au fonctionnement de GitHub Pages qui gère pour le moment très mal les applications en une page.
- Ce site a été développé en février 2025 par moi-même, en utiisants diverses ressources accessibles publiquement (script de redirection etc...), et est surtout pour moi une introduction à React, tout en me permettant d'enfin créer un projet ayant du sens et une réelle utilité.