Kick off

First, one member of your team must be chosen as the dev project leader.

For team leader

  1. The project leader is invited to create the project with two directories :
    • A directory called server. This directory will contain the backend part (using Laravel).
    • A directory called client. This directory will contain the frontend part (using React).
  2. Next, the project leader builds a Git project, at GitHub, and invites the other members of the team and ourselves (audemard, sebastien.tabary).
  3. Do not forget to add a gitigonre file.
  4. Finally, the project leader pushes the initial version of the project to the github repository.
Importantly, the team leader manages the scorecard used to follow the progress of the project (using trello for example). A mentor (teacher) who will accompany and advise the team might analyse this scorecard.

Backend initialisation

Create a Laravel project as usual. Download composer.phar. Then

php composer.phar create-project --prefer-dist laravel/laravel server

Client initialisation

Here again, create the React application as usual: create-react-app client.
Do not forget to add packages axios and react-router-dom.

For team members

  1. Each member of the team is invited to clone the Git project.
  2. Install the required packages required for the client part. npm install in the dedicated directory.
  3. Install the required packages and the database in the server part. Go in the dedicated directory of this part of the project 
    php composer.phar install

    cp .env.example .env

    php artisan key:generate

    php artisan migrate --seed

  4. To run the application, you have to type in different terminal tabs:

    cd server; php artisan serve
    cd client; npm run dev
  5. Check your server application at localhost:8000 by using your browser or a dedictated tool like postman.
  6. Check your client application at localhost:5173.

A vous de jouer !

Making the First Steps

In order to gently start the project, we invite you to follow the following steps:
  1. Choose a name for your team and a leader
  2. Define a name and a topic for your collection
  3. Define your corporate identity guidelines
  4. Identify the different tasks of your project, assign each task to at least one member of your team
  5. Set a dashboard of your project by using Trello
  6. Invite your mentor to the Trello project
  7. Validate the database (see Gilles Audemard or Sébastien Tabary).