Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/david-lanzz/my-portfolio

This is a project I used to practice my html and css skills. It is a portfolio project.
https://github.com/david-lanzz/my-portfolio

css3 html5

Last synced: 8 days ago
JSON representation

This is a project I used to practice my html and css skills. It is a portfolio project.

Awesome Lists containing this project

README

        

# 📗 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)
- [FAQ]
- [📝 License](#license)

# 📖 [MY-PORTFOLIO]

>
**MY-PORTFOLIO** is a project i am working on to showcase my different skills and knowlege in programming languages and also all other projects i have worked on in a case where i need to apply for a job or present my stats to an individual or company.

## 🛠 Built With Visual Studio Code and Github

### Tech Stack Frontend Technology

> The Tech stack used in this project is the frontend technology and it consists of just the index.html and styles.css files

Cascading Style Sheet

Mark-Up Language

### Key Features

- **[Fresh quality content]**
- **[Speed and responsive]**
- **[Easy to use]**

(back to top)

## 🚀 Live Demo

>

- [Live Demo Link](https://david-lanzz.github.io/My-Portfolio/)

(back to top)

## 💻 Getting Started

> All necessary files about me and my work are in the portfolio so run it and check through for any information you might need
### Prerequisites

In order to run this project you need:

In order to run this project you need:
A browser
A good internet connection

### Setup

Clone this repository to your desired folder:

- cd my-project
- git clone https://github.com/David-Lanzz/My-Portfolio.git
### Install

Install this project with:

- cd MY-PORTFOLIO
- npm install

### Usage

To run the project, Click on the live Demo link

### Run tests

To run tests, run the following command:
npm install --save-dev [email protected] [email protected] [email protected] [email protected]
npx stylelint "**/*.{css,scss}"

npm install --save-dev [email protected]
npx hint .

npm install --save-dev [email protected] [email protected] [email protected] [email protected]
npx eslint .

### Deployment

You can deploy this project using:

githack

(back to top)

## 👥 Authors

>

👤 **Author1**

- GitHub: [@githubhandle](https://github.com/David-Lanzz)
- Twitter: [@twitterhandle](@LanzzDavid)
- LinkedIn: [LinkedIn](https://linkedin.com/in/lanzz-david-378b9a250)

👤

(back to top)

## 🔭 Future Features

- [ ] **[A project menu]**
- [ ] **[A skills menu]**
- [ ] **[A much more elaborate information about myself]**

(back to top)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)

## ⭐️ Show your support

> If you like this project... please leave me a comment in my twitter account, Thankyou

(back to top)

## 🙏 Acknowledgments

>
I would like to thank myself for putting in all this hardwork and a friend i met in microverse, His name is Priest. He gave me tips on how to use figma.

(back to top)

## FAQ

- **How did you get the linters to work for the html and CSS**

- Move into the project directory, copy and run the following commands:

"npm install --save-dev [email protected] [email protected] [email protected] [email protected]"

then:
npx stylelint "**/*.{css,scss}" to test for CSS
and npx hint . for HTML

- **How did you use the background image in figma**

- Just scroll to where you have the background, Click on it, Check the left toolbar for the export button, download the image and add it to your project locally.

(back to top)

## 📝 License

This project is [MIT](./LICENSE.md) licensed.

(back to top)