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: https://raw.githack.com/kitpao/capstone_project/master/index.html
Concept design: https://www.behance.net/gallery/70285515/Swipex-This-application-for-dating
Here is a video of the project:
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.
Project Link: https://github.com/kitpao/Responsive-Design
Kitzia Paola Vidal Marroquin - Github user: kitpao