├── .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": "",
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 |
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 |
--------------------------------------------------------------------------------