https://github.com/benjaminc62/portfolio

My personal portfolio made in React + TypeScript
https://github.com/benjaminc62/portfolio

javascript react tailwindcss typescript vite

Last synced: 3 days ago
JSON representation

My personal portfolio made in React + TypeScript

• Host: GitHub
• URL: https://github.com/benjaminc62/portfolio
• Owner: BenjaminC62
• Created: 2024-10-23T21:41:05.000Z (4 months ago)
• Default Branch: master
• Last Pushed: 2025-01-06T17:16:17.000Z (about 1 month ago)
• Last Synced: 2025-01-06T18:32:37.180Z (about 1 month ago)
• Topics: javascript, react, tailwindcss, typescript, vite
• Language: TypeScript
• Homepage: https://portfolio-kcbd2425x-benjaminc62s-projects.vercel.app
• Size: 33.5 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React + TypeScript + Vite

## Project structure :

```php

src/

├── assets/               # Contient les ressources statiques comme les images, icônes, polices

│   ├── images/

│   └── icons/

├── components/           # Composants réutilisables du projet

│   ├── Navbar/

│   │   ├── Navbar.tsx

│   │   ├── Navbar.module.css  # Style module associé

│   │   └── index.ts           # Exporte le composant pour faciliter les imports

│   ├── Button/

│   └── ...autres composants

├── pages/                # Pages de l'application (chaque page contient généralement plusieurs composants)

│   ├── Home.tsx

│   ├── About.tsx

│   └── ...autres pages

├── hooks/                # Hooks personnalisés (ex. useFetch.ts, useAuth.ts)

├── types/                # Types et interfaces TypeScript

│   ├── navData.ts

│   └── index.ts

├── services/             # Appels API ou services de communication externe

│   ├── api.ts

│   ├── authService.ts

│   └── ...autres services

├── utils/                # Fonctions utilitaires et helpers

│   ├── formatDate.ts

│   └── ...autres utilitaires

├── context/              # Fournisseurs et contextes pour gérer l'état global (ex. AuthContext.tsx)

├── App.tsx               # Composant racine de l'application

├── index.tsx             # Point d'entrée pour ReactDOM.render()

├── routes/               # Gestion des routes (si nécessaire, ex. AppRoutes.tsx)

└── styles/               # Fichiers de style globaux (ex. variables, reset CSS)

    ├── colors.module.css

    └── main.css

```