Type of challenge: Team work
Duration : 2 days
Team challenge: 14
| ++ | + | The Dream Team | + | ++ |
|---|---|---|---|---|
| Noémie | Kévin | - | Soufiane | Olivier |
| Eugénie | Resa | - | Grace | Alexander |
| Bastien | Nicolas | - | Maximilien | Matt |
| Sébastien | - | - | - | Laurent |
we had to create a repository called restaurant-css-framework in which we had to realise a window web page for a restaurant. The franchise is fictive, but the type of food (burger, pizza, asian, ...) was our choice.
The website had to beresponsive, at least for small and medium screens. It had to at least have five accessible pages: welcome, menu, pictures, restaurants and contact.
.Welcome A page with one Jumbotron and two panels to show news (promo, events, etc...).
.Menu A page with the restaurant menu in the form of a grouped list with badges.
.Pictures A page with a gallery of minimum 10 pictures and a pagination (3 photos per page).
.Restaurant A page about the restaurants (it's a franchise) with its addresses, a map, and different schedules.
.Contact A page with a contact form containing the firstname, lastname, email, subject of the message (a drop-down list with multiple options), an area for the message itself and a send button with an icon. Each entry as a title in a semantically correct tag.
In first place ☕
we had to assign each member of the team to a task.
We decided to work in small groups for a better management of time.
We've all decided to choose Alexander as our Git Master,
His tasks :
- Create the Repository
- Send an invitation to each team member
- Merge the "Dev" branch into the "Master" branch.
| + | 1st Team | + |
|---|---|---|
| Eugénie | - | Resa |
The first team worked on our Logo and the slogan that you can see under this text and this README page.
| ++ | + | 2nd Team | + | ++ |
|---|---|---|---|---|
| Noémie | Kévin | - | Soufiane | Olivier |
| Bastien | Nicolas | - | Grace | Matt |
| Sébastien | Nicolas | - | Maximilien | Laurent |
The second team worked on the skeleton of the site, the form and the structure by analyzing differents similar website such as:
This are differents photos of our creation process :
- on the first image you can see the prototype of the "Welcome" page of Eat-Hub.
- on the second image you can see the page with the different types of restaurants (asian, african, european,...).
- on the third picture you can see the page where you can choose the restaurant.
- on the fourth picture you can see the page where you can place and see the details of your order.
- on the fifth picture you can see the page where you can pay and track your order.
Second part🍔
On this second part we assigned four diffrent groups and each group had to work on an index page. Here are some screenshots to help you undertand our work.
| ++ | + | 1st Team | + | ++ |
|---|---|---|---|---|
| Matt | 👤 | - | Header | - |
| Max | 👤 | - | Footer | - |
| Alex | 👤 | - | Body | - |
- on this pic you can see the header and a part of the body
- on this pic you can see our footer
| ++ | + | 2nd Team | + | ++ |
|---|---|---|---|---|
| Grace | 👤 | - | order page | - |
| Noémie | 👤 | - | order page | - |
| Nicolas | 👤 | - | order page | - |
- on this picture you see our order page in the making
| ++ | + | 3rd Team | + | ++ |
|---|---|---|---|---|
| Sebastien | 👤 | - | resto page | - |
| Soufiane | 👤 | - | resto page | - |
| Oliver | 👤 | - | resto page | - |
| Kevin | 👤 | - | resto page | - |
- Are you hungrey.... Miam..... this is our diffrent selections of restaurant page
| ++ | + | 4th Team | + | ++ |
|---|---|---|---|---|
| Résa | 👤 | - | tracking/payement | - |
| Eugenie | 👤 | - | tracking/payement | - |
| Bastien | 👤 | - | tracking/payement | - |
- Tracking page
- Payement page
Now check out our website Eat-Hub 🍻 🍸
