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

https://github.com/thomasbnt/dw_p7_groupomania_frontend_oc

Projet n°7 OpenClassrooms Développeur Web. — Partie Frontend.
https://github.com/thomasbnt/dw_p7_groupomania_frontend_oc

Last synced: 2 months ago
JSON representation

Projet n°7 OpenClassrooms Développeur Web. — Partie Frontend.

Awesome Lists containing this project

README

        

[![Fait avec VueJs](https://img.shields.io/badge/-Fait%20avec%20Vue.js-4fc08d?style=for-the-badge&logo=vuedotjs&logoColor=white)](https://vuejs.org/)
[![Et Vite](https://img.shields.io/badge/-Et%20Vite-4fc08d?style=for-the-badge&logo=vite&logoColor=white)](https://vitejs.dev/)
[![Wakatime](https://wakatime.com/badge/github/thomasbnt/DW_P7_Groupomania_frontend_OC.svg?style=for-the-badge)](https://wakatime.com/badge/github/thomasbnt/DW_P7_Groupomania_frontend_OC)

![Groupomania logo](groupomania.svg)

> Projet n°7 OpenClassrooms Développeur Web. — 24 août 2022.

## Introduction

Cette partie est spécialement pour le **frontend** du projet. Il est sous **VueJS**
avec la base de **[Vuetify](https://vuetifyjs.com/)** comme framework.

> **Note**
>
> Si vous souhaitez voir la page **Backend**, veuillez [vous rendre sur ce dépôt GitHub](https://github.com/thomasbnt/DW_P7_Groupomania_backend_OC).
>
> [![Partie Backend](https://img.shields.io/badge/Aller%20voir%20la%20partie%20Backend%20→-informational?style=for-the-badge)](https://github.com/thomasbnt/DW_P7_Groupomania_backend_OC)

## Installation

Pour pouvoir exécuter ce projet, veuillez suivre ces étapes.

1. Installez **NodeJS** (>= 16.10) et **npm**.
2. Installez les dépendances nécessaires
3. Copiez le fichier [.env.example](/.env.example) en `.env` et remplacez les valeurs par vos propres.
4. Exécutez le script backend, à coup de `npm run serve`. _Port 3000_
5. Vous pouvez maintenant accéder à l'interface de votre site.

## Configuration IDE recommandée

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (et désactiver Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).

## Personnaliser la configuration

Voir [Vite Configuration Reference](https://vitejs.dev/config/).

### Compiler et recharger à chaud pour le développement

```sh
npm run dev
```

### Compiler et minifier pour la production

```sh
npm run build
```

## Cahier des charges

- [x] Respecter le code couleur
- [x] Mettre en place les pages demandées
- [x] Site web responsive
- [x] Standards WCAG
- [x] Utiliser un framework JS

## Développement

- Projet réalisé principalement avec **VSCode**.
- Maquette du site web réalisée avec **Figma**.

## Contributions

Les contributions sont toujours les bienvenues ! Lisez les règles pour les contributions avant de pouvoir y participer.

Veuillez vous assurer que votre demande de pull request respecte les lignes directrices suivantes :

- Rechercher des suggestions précédentes avant d'en faire une nouvelle, afin d'éviter les doublons.
- Les fichiers README suggérés devraient être beau ou se démarquer d'une manière ou d'une autre.
- Faire une demande de pull request individuelle pour chaque suggestion.
- De nouvelles catégories ou des améliorations à la catégorisation existante sont les bienvenues.
- Gardez les descriptions courtes et simples, mais descriptives.
- Commencez la description avec une capitale et terminez par un arrêt/période complet.
- Vérifiez votre orthographe et votre grammaire.
- Assurez-vous que votre éditeur de texte est configuré pour supprimer les espaces de fin.

Merci pour vos suggestions !