Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rktoo/captivezone
Ce projet est une plateforme de mesure et de surveillance des vitesses de connexion Internet en temps réel. Il fournit aux utilisateurs des informations précises sur leur vitesse de connexion, y compris les vitesses de téléchargement et d'upload, ainsi que la vitesse de connexion globale.
https://github.com/rktoo/captivezone
Last synced: about 2 months ago
JSON representation
Ce projet est une plateforme de mesure et de surveillance des vitesses de connexion Internet en temps réel. Il fournit aux utilisateurs des informations précises sur leur vitesse de connexion, y compris les vitesses de téléchargement et d'upload, ainsi que la vitesse de connexion globale.
- Host: GitHub
- URL: https://github.com/rktoo/captivezone
- Owner: Rktoo
- License: mit
- Created: 2024-09-18T09:21:46.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-09-18T11:39:27.000Z (3 months ago)
- Last Synced: 2024-09-19T12:27:30.785Z (3 months ago)
- Language: TypeScript
- Size: 11.2 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Captive zone
Bienvenue dans Captive zone. Ce projet est un exemple de mise en oeuvre d'une application fullstack en JavaScript, avec une structure simple pour le client et le serveur.
**Visiter le site**:[https://captivezone.vercel.app/](https://captivezone.vercel.app/)
## Table des matières
- [Description](#description)
- [Fonctionnalités](#fonctionnalités)
- [Installation](#installation)
- [Licence](#Licence)
## Description
Ce projet est conçue pour démontrer l'utilisation des websockets sans avoir recours à des méthodes HTTP. Cela affiche en temps réel la vitesse de connexion de l'utilisateur, ainsi que le taux de download et le taux d'upload. La plateforme est conçue pour offrir une interface utilisateur moderne et réactive, adaptée aux différents appareils tels que les ordinateurs, les tablettes et les smartphones.
#### Technologies Utilisées
Backend : Node.js avec Express.js, utilisé pour la gestion des requêtes serveur et la communication en temps réel via WebSocket.
Frontend : Next.js, pour la création d'une interface utilisateur dynamique et responsive avec un rendu côté serveur (Server-Side Rendering).
API de Vitesse : Utilisation de l'API de Fast.com pour récupérer les données de vitesse de connexion.
## Fonctionnalités
- Client avec NextJs et qui offre plus de contrôle sur la stylisation
- Interface utilisateur simple
- Serveur avec ExpressJs
- Contrôle et filtrage des sources de requête.
## Installation
1. Cloner le depot :
```bash
git clone https://github.com/Rktoo/captivezone.git
2. Lancer le serveur :
Depuis le dossier racine. Naviguer dans le dossier backend et ouvrer le terminal, puis exécuter les commandes pour l'installation des dépendances :
```bash
npm i
npm run dev
3. Créer le fichier env dans le dossier backend et ajouter le token de l'api :
```bash
touch .env
4. ### Pour récupérer le token de fast.com
Rendez-vous sur fast.com, ouvrez les outils de développement de votre navigateur, allez dans l'onglet Réseau et copiez le token dans l'URL de la requête qui ressemble à : https://api.fast.com/netflix/speedtest?https=true&token=le-token&urlCount=5.
5. Ajouter votre token en éditant le fichier .env :
FAST_SPEED_TOKEN=votre-token-a-remplacer-par-le-vrai
6. Lancer le client :
Depuis le dossier racine. Naviguer dans le dossier captivezone.
Créer un fichier d'environnement et ajouter votre url pour le backend :
```bash
touch .env
Ajouter la variable d'environnement :
NEXT_PUBLIC_BACKEND_API=localhost:4000
7. Ouvrer le terminal, puis exécuter les commandes pour l'installation des dépendances :
```bash
npm i
npm run dev
## LICENCE
1. **Ce projet est sous la licence MIT**