Giter Club home page Giter Club logo

clutch-hackaton's Introduction

Hackaton React 2022 - clutch

Moad Benayadi - Lucas Bouchet - Manon Deleest - Océane Guilloizeau - Benjamin Pelaudeix - Valentin Rougier - Florian Toribio

Ressources :

Le sujet

Il existe de nombreux moniteurs d'auto-écoles indépendants sur La Rochelle. Le nombre de moniteurs ne leur permettent toujours de se faire connaître dignement et donc à trouver des élèves. Leur activité nécessite du travail administratif : créneaux d'heures de conduites, contact des élèves, lieux de départ/arrivée, réservations et paiement d'heures de conduite etc. L'objectif est de créer une plateforme rochelaise qui accompagnera les moniteurs dans leur tâche.

Ce hackaton s'est déroulé du 10/02 9h au 11/02 16h30, s'en est suivi d'une présentation devant les responsables de la formation ainsi que le professeur de React. Le jury a joué le rôle de potentiels investisseurs, afin de nous plonger dans le projet de A à Z : de sa conception à sa promotion.

Notre projet

Aider les moniteurs dans leurs démarches est une de nos priorités, mais pas la seule. Il nous semble important de mettre en place une plateforme aidant également les élèves de ces auto-écoles afin de rendre cette plateforme utile à 100%.

Design

Logo & Nom

Ce logo, conçu pour l'occasion représente une voiture avec un effet de vitesse. Il met également en valeur le nom de l'application web : clutch, qui représente "embrayage" en anglais.

Logo clutch

Charte graphique

Nous avons choisis ces couleurs :

Charte graphique

Mais aussi ces typographies :

Charte graphique

Développement

Technologies

Pour le hackaton, un starter pack nous a été proposé :

  • Projet React basé sur create-react-app
  • API conçue avec JSON-SERVER

Nous avons également utilisé la technologie SASS/SCSS pour le style.

Fonctionnalités

Voici un aperçu des principales fonctionnalités développées !

Page d'accueil et connexion :

Homepage

Connexion

Dashboard Moniteur & Élève :

Carte interactive & Tchat :

Prochain cours & Profil :

Communication

Pour promouvoir notre produit, nous avons mis en place une stratégie de communication. Celle-ci comprend la création :

  • d'affiches (abri-bus, affichage municipal, affiche murale...)
  • d'une vidéo promotionelle

Affiches

Vidéo Promotionelle

Vidéo promotionelle du produit

clutch-hackaton's People

Contributors

sepios87 avatar

Watchers

 avatar

Forkers

manon-deleest

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.