├── .gitignore ├── style.css ├── logo.png ├── murple_logo.png ├── .hintrc ├── index.html ├── .stylelintrc.json ├── package.json ├── MIT.md ├── .github └── workflows │ └── linters.yml └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | test.md -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | .heading { 2 | color: red; 3 | } 4 | -------------------------------------------------------------------------------- /logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Lornakaboro/First-hello-microverse-project/HEAD/logo.png -------------------------------------------------------------------------------- /murple_logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Lornakaboro/First-hello-microverse-project/HEAD/murple_logo.png -------------------------------------------------------------------------------- /.hintrc: -------------------------------------------------------------------------------- 1 | { 2 | "connector": { 3 | "name": "local", 4 | "options": { 5 | "pattern": ["**", "!.git/**", "!node_modules/**"] 6 | } 7 | }, 8 | "extends": ["development"], 9 | "formatters": ["stylish"], 10 | "hints": [ 11 | "button-type", 12 | "disown-opener", 13 | "html-checker", 14 | "meta-charset-utf-8", 15 | "meta-viewport", 16 | "no-inline-styles:error" 17 | ] 18 | } -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Hello Microverse Project 9 | 10 | 11 |

Hello Microverse!

12 | 13 | 14 | -------------------------------------------------------------------------------- /.stylelintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": ["stylelint-config-standard"], 3 | "plugins": ["stylelint-scss", "stylelint-csstree-validator"], 4 | "rules": { 5 | "at-rule-no-unknown": [ 6 | true, 7 | { 8 | "ignoreAtRules": ["tailwind", "apply", "variants", "responsive", "screen"] 9 | } 10 | ], 11 | "scss/at-rule-no-unknown": [ 12 | true, 13 | { 14 | "ignoreAtRules": ["tailwind", "apply", "variants", "responsive", "screen"] 15 | } 16 | ], 17 | "csstree/validator": true 18 | }, 19 | "ignoreFiles": ["build/**", "dist/**", "**/reset*.css", "**/bootstrap*.css", "**/*.js", "**/*.jsx"] 20 | } 21 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "portfolio-setup-and-mobile-first", 3 | "version": "1.0.0", 4 | "description": "![](https://img.shields.io/badge/Microverse-blueviolet)", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "repository": { 10 | "type": "git", 11 | "url": "git+https://github.com/shegy28/Portfolio-setup-and-mobile-first.git" 12 | }, 13 | "author": "", 14 | "license": "ISC", 15 | "bugs": { 16 | "url": "https://github.com/shegy28/Portfolio-setup-and-mobile-first/issues" 17 | }, 18 | "homepage": "https://github.com/shegy28/Portfolio-setup-and-mobile-first#readme", 19 | "devDependencies": { 20 | "babel-eslint": "^10.1.0", 21 | "eslint": "^7.32.0", 22 | "eslint-config-airbnb-base": "^14.2.1", 23 | "eslint-plugin-import": "^2.26.0", 24 | "stylelint": "^13.13.1", 25 | "stylelint-config-standard": "^21.0.0", 26 | "stylelint-csstree-validator": "^1.9.0", 27 | "stylelint-scss": "^3.21.0" 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /MIT.md: -------------------------------------------------------------------------------- 1 | ## Copyright 2021, [LORNA KABORO] 2 | 3 | 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of this [APP TYPE] and associated documentation files, to deal in the [APP TYPE] without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the [APP TYPE], and to permit persons to whom the [APP TYPE] is furnished to do so, subject to the following conditions: 6 | 7 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the [APP TYPE]. 8 | 9 | THE [APP TYPE] IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE [APP TYPE] OR THE USE OR OTHER DEALINGS IN THE [APP TYPE]. 10 | -------------------------------------------------------------------------------- /.github/workflows/linters.yml: -------------------------------------------------------------------------------- 1 | name: Linters 2 | 3 | on: pull_request 4 | 5 | env: 6 | FORCE_COLOR: 1 7 | 8 | jobs: 9 | lighthouse: 10 | name: Lighthouse 11 | runs-on: ubuntu-22.04 12 | steps: 13 | - uses: actions/checkout@v2 14 | - uses: actions/setup-node@v1 15 | with: 16 | node-version: "12.x" 17 | - name: Setup Lighthouse 18 | run: npm install -g @lhci/cli@0.7.x 19 | - name: Lighthouse Report 20 | run: lhci autorun --upload.target=temporary-public-storage --collect.staticDistDir=. 21 | webhint: 22 | name: Webhint 23 | runs-on: ubuntu-22.04 24 | steps: 25 | - uses: actions/checkout@v2 26 | - uses: actions/setup-node@v1 27 | with: 28 | node-version: "12.x" 29 | - name: Setup Webhint 30 | run: | 31 | npm install --save-dev hint@7.x 32 | [ -f .hintrc ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css-js/.hintrc 33 | - name: Webhint Report 34 | run: npx hint . 35 | stylelint: 36 | name: Stylelint 37 | runs-on: ubuntu-22.04 38 | steps: 39 | - uses: actions/checkout@v2 40 | - uses: actions/setup-node@v1 41 | with: 42 | node-version: "12.x" 43 | - name: Setup Stylelint 44 | run: | 45 | npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x 46 | [ -f .stylelintrc.json ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css-js/.stylelintrc.json 47 | - name: Stylelint Report 48 | run: npx stylelint "**/*.{css,scss}" 49 | nodechecker: 50 | name: node_modules checker 51 | runs-on: ubuntu-22.04 52 | steps: 53 | - uses: actions/checkout@v2 54 | - name: Check node_modules existence 55 | run: | 56 | if [ -d "node_modules/" ]; then echo -e "\e[1;31mThe node_modules/ folder was pushed to the repo. Please remove it from the GitHub repository and try again."; echo -e "\e[1;32mYou can set up a .gitignore file with this folder included on it to prevent this from happening in the future." && exit 1; fi 57 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # First-hello-microverse-project 2 | 3 | 27 | 28 |
29 | 30 | logo 31 |
32 | 33 |

Microverse README Template

34 | 35 |
36 | 37 | 38 | 39 | # 📗 Table of Contents 40 | 41 | - [📖 About the Project](#about-project) 42 | - [🛠 Built With](#built-with) 43 | - [Tech Stack](#tech-stack) 44 | - [Key Features](#key-features) 45 | - [🚀 Live Demo](#live-demo) 46 | - [💻 Getting Started](#getting-started) 47 | - [Setup](#setup) 48 | - [Prerequisites](#prerequisites) 49 | - [Install](#install) 50 | - [Usage](#usage) 51 | - [Run tests](#run-tests) 52 | - [Deployment](#triangular_flag_on_post-deployment) 53 | - [👥 Authors](#authors) 54 | - [🔭 Future Features](#future-features) 55 | - [🤝 Contributing](#contributing) 56 | - [⭐️ Show your support](#support) 57 | - [🙏 Acknowledgements](#acknowledgements) 58 | - [❓ FAQ (OPTIONAL)](#faq) 59 | - [📝 License](#license) 60 | 61 | 62 | 63 | # 📖 [Hello-Microverse-Project] 64 | 65 | > This is my first Project in Microverse 66 | 67 | **[Hello-Microverse-Project]** is my first project in Microverse aimed at improving my mastery in setting up repositories,documenting READme files,setting up linters and following github flow. 68 | 69 | ## 🛠 Built With 70 | > HTML 71 | > CSS 72 | ### Tech Stack 73 | 74 |
75 | Client 76 | 79 |
80 | 81 |
82 | Server 83 | 86 |
87 | 88 |
89 | Database 90 | 93 |
94 | 95 | 96 | 97 | ### Key Features 98 | 99 | 100 | - **[Simple_web-page_with_the_text_Hello_Microverse]** 101 | 102 |

(back to top)

103 | 104 | 105 | 106 | ## 🚀 Live Demo 107 | 108 | > Add a link to your deployed project. 109 | 110 | - [Live Demo Link](https://yourdeployedapplicationlink.com) 111 | 112 |

(back to top)

113 | 114 | 115 | 116 | ## 💻 Getting Started 117 | 118 | To get a local copy up and running, follow these steps. 119 | 120 | ### Prerequisites 121 | 122 | In order to run this project you need: 123 | - Git installed in desktop 124 | - Code editor of your choice i.e; Visual Studio Code 125 | - Browser of your choice i.e; Mozilla Firefox ,google chrome, etc 126 | - Terminal of your choice i.e; Git Bash 127 | 128 | 135 | 136 | ### Setup 137 | 138 | Clone this repository to your desired folder: 139 | - use the git clone command with this [link](https://github.com/Lornakaboro/First-hello-microverse-project.git) 140 | - cd into First-hello-microverse-project 141 | - Switch branch using this command `git checkout setup-hello-microverse-project` 142 | - Open index.html in your browser 143 | - You will be able to see a red header with the text "Hello Microverse!" 144 | 145 | 153 | 154 |

(back to top)

155 | 156 | 157 | 158 | ## 👥 Authors 159 | 160 | 👤 **Author1** 161 | 162 | - GitHub: [@githubhandle](https://github.com/Lornakaboro) 163 | - Twitter: [@twitterhandle](https://twitter.com/KaboroLorna) 164 | - Linkedin [@linkedinprofile](https://www.linkedin.com/in/lorna-kaboro-23620b242/) 165 | 166 |

(back to top)

167 | 168 | 169 | 170 | ## 🔭 Future Features 171 | 172 | > Describe 1 - 3 features you will add to the project. 173 | 174 | - [ ] **[personalized_webpage/portfolio]** 175 | 176 |

(back to top)

177 | 178 | 179 | 180 | 181 | ## 🤝 Contributing 182 | 183 | Contributions, issues, and feature requests are welcome! 184 | 185 | Feel free to check the [issues page](../../issues/). 186 | 187 |

(back to top)

188 | 189 | 190 | 191 | ## ⭐️ Show your support 192 | 193 | If you like this project Give a ⭐️! 194 | 195 |

(back to top)

196 | 197 | 198 | 199 | ## 🙏 Acknowledgments 200 | 201 | I would like to thank: 202 | - Teammates 203 | - Mentors 204 | - Youtube tutorials 205 | - Microverse guides 206 | 207 |

(back to top)

208 | 209 | 210 | 211 | ## 📝 License 212 | 213 | This project is [MIT](./LICENSE) licensed. 214 | 215 | _NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._ 216 | 217 |

(back to top)

218 | --------------------------------------------------------------------------------