https://github.com/worketyamo-students/chisfis_ferry_dimitri

Le projet consiste a collaborer avec un camarade pour la conception d'une application web de tourisme
https://github.com/worketyamo-students/chisfis_ferry_dimitri

Last synced: 13 days ago
JSON representation

Le projet consiste a collaborer avec un camarade pour la conception d'une application web de tourisme

• Host: GitHub
• URL: https://github.com/worketyamo-students/chisfis_ferry_dimitri
• Owner: Worketyamo-Students
• Created: 2024-10-07T14:05:19.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-10-27T01:20:29.000Z (24 days ago)
• Last Synced: 2024-10-27T11:15:07.352Z (24 days ago)
• Language: TypeScript
• Size: 18.5 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# React + TypeScript + Vite + ShadCN + React-Icons + Zustand + TailwindCSS 

Officially created for the **Chisfis - Booking Online Project** of **Students of Work Et Yamo**.

Ce projet est le premier projet final de notre formation en developement web fullstack il consiste a collaborer avec un camarade sur la conception d'un site touristique avec les technologies reactjs,shardcn ,nodejs, express et mongodb. 

## 🚀 Technologies 

- **React** : Une bibliothèque JavaScript populaire pour créer des interfaces utilisateur.

- **TypeScript** : Superset de JavaScript qui ajoute des types statiques pour améliorer la fiabilité et la maintenabilité.

- **Vite** : Un outil de construction rapide pour le développement moderne de projets React.

- **ShadCN/UI** : Une collection de composants UI utilisant Radix UI et TailwindCSS.

- **React-Icons** : Collection d'icônes pour ajouter des éléments visuels attrayants.

- **Zustand** : Une librairie légère pour la gestion de l'état dans React.

- **TailwindCSS** : Un framework CSS utilitaire permettant de créer des designs modernes et responsives facilement.

## ✨ Fonctionnalités

- **Initialisation rapide** avec **Vite**.

- **Gestion d'état fluide** avec **Zustand**.

- **ORM performant** avec **Prisma** pour faciliter les opérations sur la base de données.

- **UI moderne** grâce aux composants de **shadcn/ui**.

- **Styling efficace** avec **TailwindCSS**.

- **Icônes réutilisables** grâce à **React-Icons**.

## 📦 Installation

Suivez les étapes ci-dessous pour démarrer avec ce projet:

### 1. Clonez le dépôt :

```bash

git clone https://github.com/Worketyamo-Students/Chisfis_Ferry_Dimitri.git

cd Chisfis_Ferry_Dimitri

```

### 2. Installez les dépendances :

Assurez-vous d'être dans le bon dossier, puis installez toutes les dépendances nécessaires :

```bash

npm install

```

### 3. Lancez le projet en mode développement :

```bash

npm run dev

```

## ⚙️ Scripts Disponibles

Voici quelques scripts utiles pour gérer le projet :

- **`npm run dev`** : Lancer l'application en mode développement.

- **`npm run build`** : Construire l'application pour la production.

- **`npm run start`** : Lancer l'application construite en mode production.

- **`npm run docker-build`** : Construire une image Docker de l'application.

- **`npm run docker-run`** : Lancer l'image Docker construite.