/Trip-Ride

Trip & Ride Morocco Travel Guide

Primary LanguageJavaScript

Trip & Ride

Description du site

Trip & Ride est un site web qui propose des voyages d'aventure au Maroc. Que vous soyez passionné de surf, de montagnes, de vie urbaine ou de désert, nous avons des packages adaptés à vos préférences. Notre objectif est de vous faire vivre une expérience inoubliable en vous emmenant hors des sentiers battus et en vous permettant de découvrir les trésors cachés du Maroc.

Le site utilise les dernières technologies web pour offrir une expérience fluide et interactive. Il est développé avec Next.js, une bibliothèque JavaScript basée sur React qui facilite la création d'applications web performantes. Nous utilisons également des composants réutilisables tels que HeaderCover, Concept, Cover et ContactInfo pour structurer notre interface utilisateur.

Pour la gestion des sections à défilement, nous utilisons la bibliothèque ReactFullpage, qui nous permet de créer des pages avec des transitions fluides entre les différentes sections. Nous utilisons également styled-components pour la gestion des styles, ce qui nous permet de définir des styles spécifiques à chaque composant.

Technologies utilisées

  • Next.js
  • React
  • ReactFullpage
  • styled-components

Le site utilise également les dépendances suivantes :

  • @stripe/stripe-js : pour la gestion des paiements
  • date-fns : pour la manipulation des dates
  • react-datepicker : pour la sélection des dates
  • react-router-dom : pour la gestion des routes dans l'application
  • stripe : pour l'intégration avec la plateforme de paiement Stripe

En termes d'environnement de développement, les dépendances dev sont :

  • @testing-library/jest-dom : pour les tests unitaires
  • @testing-library/react : pour les tests de rendu des composants
  • jest : pour l'exécution des tests
  • jest-environment-jsdom : pour l'environnement de test avec JSDOM

Installation et exécution du projet

Pour exécuter le projet, suivez ces étapes :

  1. Assurez-vous d'avoir Node.js installé sur votre machine.
  2. Clonez le projet depuis le référentiel Git.
  3. Naviguez vers le répertoire du projet dans votre terminal.
  4. Exécutez la commande npm install pour installer les dépendances.
  5. Exécutez la commande npm run dev pour démarrer le serveur de développement.
  6. Accédez à http://localhost:3001 dans votre navigateur pour voir le site en action.

Auteur

Ce projet a été développé pour Jérôme De Lucia, guide passionné qui vous fera vivre une aventure inoubliable au Maroc. Pour plus d'informations, visitez son site web Trip & Ride.