COGIP

Table of contents

• 👩‍💻 The team
• 🛠️ Skills
• 🏗️ Structures
• 📜 Briefing
• ⏰ Time
• ⚙️ Installation
• 📚 Documentation
• 📸 Screenshots

The project is a customer management application for the COGIP company.

This BeCode exercise is spread over 10 days and involves two teams: one front-end, the other back-end. A project manager is appointed (Robin Jardon) within the group to manage the whole.

👩‍💻 The team

This project developed in the backend by Robin Jardon and Alice Marique. The frontend was developed by Thomas Scozzari and Mathias Hardat.

Back-end:

The different parts of the exercise were cut out on a trello which Robin maintained throughout the 10 days of development.

As the Project Manager and PHP Backend Developer for this project, my responsibilities encompassed overseeing the project's development lifecycle and implementing the backend functionality using PHP. My role involved database manipulation, including insertion, updating, and querying data using SQL.

Despite limited availability due to illness, I contributed to COGIP's development by implementing crucial features, including database design, MVC architecture, API routing, data retrieval via SQL queries, date formatting, deletion button functionality, and data limitation. Additionally, I handled the deployment on the server, ensuring accessibility for end-users.

Front-end:

A mokup figma was provided for integration.

I worked on the front-end with Mathias Hardat. Throughout the project, we worked as much as possible in pair-coding to be as efficient as possible. We thought about a "Mobile First" application, as any good front-end should, and then made it fully responsive. A harmonious choice of colors and design, thanks to the creative talents of my colleague. I increased my knowledge of TailWind thanks to this job, and enjoyed working as part of a team.

On this project, my role was to design and recreate the Figma mokup as it was but with changing a little bit (only the main color to be honest) We accomplished an amazing team work with my colleague Thomas Scozzari. The mornings were a bit slow, but the work was really efficient and we managed to finish all the desing and to make it responsive also ! This project was really interesting and self learning about Backend for myself!

🛠️ Skills

🏗️ Structures

OOP, MVC

📜 Briefing

Mission

The COGIP is a company which we don't know a lot about apart that they produce Jean-Michel toys and that they are serious workers check. They also have incredible employees within their rank.

Jean-Christian Ranu works in accounting at the COGIP. He has been using an old, ugly and incomplete software for years, making him go between it and excels sheet. Jean-Christian like paella, crosswords and his coworker Muriel Perrache.

Your mission here is to code a web application which will respond to the needs and desire of Jean-Christian.

NOTE: Don't forget to add an SQL file containing the structure in the repository, as well as, an entry within the README detailing what each person did.

Tech Used & Mission(s)

Global missions (but PM responsibilities)

• Workload distribution ✅
• Progress management (agile methods, tool of your choice) ✅ AND ❌

Back-end

Tech Used

• + ✅
• OOP ✅
• MVC ✅

Missions

• Using composer ❌
• (POO), MVC Structure ✅
• CRUD ✅
• Validation & Sanitization server-side ✅

Front-end

Tech Used

• ✅
• ✅
• ❌ + BEM ❌(or CSS framework : ✅ || ❌)

Missions

• Mockup compliance ✅
• Mobile First ✅
• Validation client-side ❌

Starter ?

• Use the starter-pack as a starting point

Database (including Relationships)

Here are the tables you need to structure the projet

⏰ Time

10 days to complete the project.

⚙️ Installation

• Use PhpMyAdmin for the DB .
• Import the file cogip.sql in your 'cogip' DB
• Specify your local db password in config.php

function connect_db() {
    $host = "localhost";
    $database = "cogip";
    $username = "root"; // Adapt with your username
    $password =""; // Adapt with your password
    $pdo = new PDO("mysql:host=$host;dbname=$database", $username, $password);
     return $pdo;
 }

📚 Documentation

, UiVerse, tailwindcomponents, Adobe Color, FontAwesome.

Dashboard

You can access to the Dashboard in the footer!

There is a Dashboard button

📸 Screenshots

Mobile 📱

DESKTOP 💻