Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tomasesquivelgc/portfolio_mobile_first
📱📙My first mock portfolio made with HTML, CSS and JavaScript functionalities. 2 possible layouts, mobile-first and desktop.
https://github.com/tomasesquivelgc/portfolio_mobile_first
css css3 html javascript mobile-first portfolio responsive-design template
Last synced: 18 days ago
JSON representation
📱📙My first mock portfolio made with HTML, CSS and JavaScript functionalities. 2 possible layouts, mobile-first and desktop.
- Host: GitHub
- URL: https://github.com/tomasesquivelgc/portfolio_mobile_first
- Owner: tomasesquivelgc
- Created: 2023-03-23T03:15:25.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-15T18:08:09.000Z (10 months ago)
- Last Synced: 2024-12-27T07:21:11.166Z (28 days ago)
- Topics: css, css3, html, javascript, mobile-first, portfolio, responsive-design, template
- Language: CSS
- Homepage: https://tomasesquivelgc.github.io/Portfolio_Mobile_First/
- Size: 5.28 MB
- Stars: 9
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Portfolio: Mobile First
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#triangular_flag_on_post-deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
Portfolio: Mobile First is my first aproach at responsive web development.
Inside this project you will find a portfolio template cloned from scratch using
everything i've learned so far in the Microverse program.
[Here is a link](https://www.loom.com/share/4b5eb245644743fe9bf6854053f717ed) to a video that better explains what this project is and what is for.
Client
The key features of this project are:
- Web responsive design with a "mobile first" aproach
- Use of flexbox to replicate a template
- An adaptive layout that responds to screen width
### Features implemented
- Functioning mobile version with a responsive layout
- Desktop version (min 768px) working complete with animations
To see my Portfolio in action, simply check [here](https://tomasesquivelgc.github.io/Portfolio_Mobile_First/)
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need only a web browser.
### Setup
Clone this repository to your desired folder:
```sh
cd my-folder
git clone https://github.com/tomasesquivelgc/Portfolio_Mobile_First.git
```
### Usage
To run the project, open the index.html file.
👤 Tomás Esquivel
- GitHub: [@tomasesquivelgc](https://github.com/tomasesquivelgc)
- Twitter: [@EsquivelTomas](https://twitter.com/EsquivelTomas)
- LinkedIn: [tomas esquivel](https://www.linkedin.com/in/tomas-esquivel-b2160568/)
Future features of this project include:
- [✔] About, projects and contact section.
- [✔] NavBar Buttons working as intended
- [ ] Links to Social media
- [ ] An overlay menu for mobile.
Contributions on this by:
- William Ocoró (GitHub: willococa)
- Gardimy Charles (GitHub: Gardimy)
- Luis Emilio Rojas (Github: lerfast)
And every code reviewer who took the time to help me improve
If you like this project keep showing your support and interest in my web developer career!
I would like to thank the whole Microverse team, the support team and code reviewers for making my time here valuable!
This project is [MIT](.LICENSE) licensed.