Giter Club home page Giter Club logo

we4b's Introduction

WE4B

Mini-projet : Site de service (Front + Backend)

Notice d'utilisation:

Installation du projet

Pour lancer le projet:

npm i
npm run start

Si vous avez des erreurs vérifiez que Angular est bien installé globalement sur votre machine

Warning
Il ne faut pas oublier de configurer le fichier app/environments/environment.example vers app/environments/environment.ts avec votre configuration Firebase

export const environment = {
  production: false,

  firebase: {
    apiKey: "",
    authDomain: "",
    projectId: "",
    storageBucket: "",
    messagingSenderId: "",
    appId: ""
  }
};

Navigation sur le site

  • Lorsqu'on lance le site / qu'on rejoins le site on arrive sur la page d'acceuil:

image

  • Depuis la page d'acceuil, il est possible de rechercher un restaurant en tapant dans la barre de recherche située en haut de la page, la recherche s'effectue à l'aide des mots clés des restaurants (les petites bulles dans chaque encard)

image

  • Si l'on est un restaurateur et que l'on veut proposer les restaurants dont au dispose, il suffit de cliquer sur le menu en haut à gauche, de s'identifier ou bien de s'enregistrer à l'aide d'un mail et d'un mot de passe

image image

Une fois connecté nous sommes redirigé vers notre page de profil, sur laquelle nous pouvons ajouter notre age, notre prénom et nom & modifier notre photo de profil
On retrouve aussi la liste des restaurants que l'on possède :

image

  • On peut alors choisir de supprimer, modifier ou de consulter la page du restaurant à l'aide des 3 boutons présents sur chaque ligne
  • Sinon, on peut choisir d'ajouter un nouveau restaurant en cliquant sur le bouton central en bas;

image image image

  • Les paramètres principaux sont obligatoires tandis que les paramètres secondaire sont optionels;
  • La même page est affiché lors de l'edition d'un restaurant avec le pré-remplissage des valeurs déjà existantes;

we4b's People

Contributors

dependabot[bot] avatar juknum avatar

Stargazers

 avatar  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.