capstone_project's Introduction

capstone_project

Project with the purpose of simulating a real-world project, built with business specifications

Objective: Simulate a real-world project, with the next specifications:

3 pages:

the person detail page, with a link to the next/previous person detail and a link to the chat page
the chat page, with a list of chats that link to the chat detail page
the chat detail page

2 sizes:

mobile & tablet: up to 1024px
desktop: from 1024px

Specific design in:

colors
typographies: font face (as Helvetica Neue is a paid font, you may use a similar one like Open Sans), size and weight
layout: composition and space between elements, for the 2 given screen sizes

Project preview: DON'T FORGET

Concept design: https://www.behance.net/gallery/70285515/Swipex-This-application-for-dating

This project was made by Kitzia Vidal, some of my repositories are available for you to check:

Kitzia Vidal:
https://github.com/kitpao?tab=repositories

Skills to use and requirements:

Use semantic HTML tags
Use CSS selectors correctly
Use HTML elements box model (margin, padding, width, height).
Use industry-standard tools (flexbox) to place elements in the page.
Ability to create UIs adaptable to different screen sizes using mediaqueries.
Apply front-end best practices.
Ability to create UIs adjusted to given designs.
Strong English written and verbal communication.
Ability to communicate information effectively to technical and non-technical people.
Ability to translate business requirements into software solutions.
Ability to work well in a fast-paced environment under deadlines.
Ability to perform tasks and complete projects with minimal supervision.

MUST: use of linters, follow CSS best practices, use of CSS Reset, use W3c validation services, use Github flow guidelines, make good commit messages, double check devices compatibility.

Recommend Projects