GithubHelp home page GithubHelp logo

trip-ride's Introduction

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.

trip-ride's People

Contributors

sbigz avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.