Portfolio_Mobile_First
My first mock portfolio made with HTML, CSS and JavaScript functionalities. 2 possible layouts, mobile-first and desktop.
Overview
The Portfolio: Mobile First is a responsive web development project created by Tomás Esquivel. It is a portfolio template that has been built from scratch using the skills and knowledge gained during the Microverse program. The project focuses on a mobile-first approach to web design and includes features such as a web-responsive design, use of flexbox for layout, and a functioning mobile version with a responsive layout. The desktop version (minimum 768px) also includes animations.
Features
- Web responsive design: The project follows a mobile-first approach, ensuring that the design is responsive and adapts to different screen sizes.
- Use of flexbox: Flexbox has been used to replicate the template and achieve the desired layout.
- Adaptive layout: The layout of the website responds to the width of the screen, providing an optimal user experience.
Summary
The Portfolio: Mobile First project is a responsive web development template that showcases the skills and knowledge of the developer. It follows a mobile-first approach and includes features such as a responsive design, use of flexbox, and an adaptive layout. The project also includes a functioning mobile version with a responsive layout and a desktop version with animations. With a focus on user experience, this project serves as a great example of responsive web development.
- Portfolio
A portfolio website is a type of website that showcases an individual's or a company's work, skills, and accomplishments. It typically includes a gallery of images or videos, case studies, and client testimonials to provide potential clients or employers with a comprehensive overview of their experience and expertise.
- Templates & Themes
A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Stylelint
Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.