Skip to content

Commit 359ba64

Browse files
zkr024zkr024
authored
Merge pull request #27 from amrendrakind/dev
JavaScript capstone project - API-based webapp
2 parents 89cfc5f + bf1ac52 commit 359ba64

39 files changed

+30528
-2
lines changed

‎.babelrc‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
{
2+
"env": {
3+
"test": {
4+
"plugins": [
5+
"@babel/plugin-transform-modules-commonjs"
6+
]
7+
}
8+
}
9+
}

‎.eslintignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
likeEvent.js

‎.eslintrc.json‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
{
2+
"env": {
3+
"browser": true,
4+
"es6": true,
5+
"jest": true
6+
},
7+
"parser": "babel-eslint",
8+
"parserOptions": {
9+
"ecmaVersion": 2018,
10+
"sourceType": "module"
11+
},
12+
"extends": ["airbnb-base"],
13+
"rules": {
14+
"no-shadow": "off",
15+
"no-param-reassign": "off",
16+
"eol-last": "off",
17+
"import/extensions": [ 1, {
18+
"js": "always", "json": "always"
19+
}]
20+
},
21+
"ignorePatterns": [
22+
"dist/",
23+
"build/"
24+
]
25+
}

‎.github/workflows/linters.yml‎

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
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-18.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-18.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@6.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-18.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+
eslint:
50+
name: ESLint
51+
runs-on: ubuntu-18.04
52+
steps:
53+
- uses: actions/checkout@v2
54+
- uses: actions/setup-node@v1
55+
with:
56+
node-version: "12.x"
57+
- name: Setup ESLint
58+
run: |
59+
npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x
60+
[ -f .eslintrc.json ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css-js/.eslintrc.json
61+
- name: ESLint Report
62+
run: npx eslint .

‎.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
node_modules/

‎.hintrc‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
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+
}

‎.stylelintrc.json‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
{
2+
"extends": ["stylelint-config-standard"],
3+
"plugins": ["stylelint-scss", "stylelint-csstree-validator"],
4+
"rules": {
5+
"at-rule-no-unknown": null,
6+
"scss/at-rule-no-unknown": true,
7+
"csstree/validator": true
8+
},
9+
"ignoreFiles": [
10+
"build/**",
11+
"dist/**",
12+
"**/reset*.css",
13+
"**/bootstrap*.css",
14+
"**/*.js",
15+
"**/*.jsx",
16+
"coverage/**"
17+
]
18+
}

‎README.md‎

Lines changed: 91 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,91 @@
1-
# API-based-webapp
2-
The JavaScript capstone project is about building your web application based on an external API. We will select an API that provides data about a topic that we like and then build the webapp around it.
1+
![](https://img.shields.io/badge/Microverse-blueviolet)
2+
3+
# Project Name : API-based-webapp
4+
5+
> The JavaScript capstone project is about building your web application based on an external API. We will select an API that provides data about a topic that we like and then build the webapp around it.!You can find project at https://amrendrakind.github.io/API-based-webapp/
6+
7+
## Built With
8+
9+
- HTML
10+
- CSS
11+
- JavaScripts
12+
- GitFlow
13+
- Linters
14+
- Webpack
15+
- Jest
16+
17+
## Live Demo (Link for My API-based-webapp Project)
18+
19+
[Live Demo Link](https://amrendrakind.github.io/API-based-webapp)
20+
21+
## Video presentation
22+
23+
[project presentation](https://drive.google.com/file/d/1BZz586zXu5IRRIYC2WcSv68A44VbQbuL/view?usp=sharing)
24+
25+
## API Information
26+
27+
- [TV Maze](https://www.tvmaze.com/api) : This API was used for media information
28+
- [Involment API](https://www.notion.so/microverse/Involvement-API-869e60b5ad104603aa6db59e08150270) :We used this API to store and retrieve likes and comments information.
29+
30+
## Development set up
31+
32+
Clone Repository using
33+
`git clone git@github.com:amrendrakind/API-based-webapp.git`
34+
35+
OR using HTTPS
36+
37+
`git clone https://github.com/amrendrakind/API-based-webapp.git`
38+
39+
move into project directory
40+
41+
`cd API-based-webapp`
42+
43+
Install Project dependancies using `NPM`
44+
45+
`npm install`
46+
47+
build with the command
48+
49+
`npm run build`
50+
51+
launch project locally with
52+
53+
`npm start`
54+
55+
## Jest
56+
57+
run for Testing
58+
59+
`npm test`
60+
61+
## Author
62+
63+
👤 **Oscar Bermudez**
64+
65+
- GitHub: [@githubhandle](https://github.com/zkr024)
66+
- Twitter: [@twitterhandle](https://twitter.com/zkr024)
67+
- LinkedIn: [LinkedIn](https://linkedin.com/in/oscar-bermudez-07908222a)
68+
69+
👤 **Amrendra K**
70+
71+
- GitHub: [@githubhandle](https://github.com/amrendrakind)
72+
- Twitter: [@twitterhandle](https://twitter.com/amrendrak_)
73+
- LinkedIn: [LinkedIn](https://linkedin.com/in/amrendraakumar)
74+
75+
## 🤝 Contributing
76+
77+
Contributions, issues, and feature requests are welcome!
78+
79+
Feel free to check the [issues page](../../issues/).
80+
81+
## Show your support
82+
83+
Give a ⭐️ if you like this project!
84+
85+
## Acknowledgments
86+
87+
- Microverse team for guidance
88+
89+
## 📝 License
90+
91+
This project is [MIT](./MIT.md) licensed.

‎dist/ef55a60183c37c7d1fbc.png‎

366 KB
Loading

‎dist/index.html‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<link rel="preconnect" href="https://fonts.googleapis.com">
9+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10+
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap" rel="stylesheet">
11+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons+Outlined">
12+
<title>Shows site app</title>
13+
<script defer src="main.js"></script></head>
14+
15+
<body>
16+
<header>
17+
<div class="logo">
18+
<a href="#" id="refresh">
19+
<img id="imgLogo" src="." alt="movie logo">
20+
</a>
21+
</div>
22+
<nav>
23+
<a href="#" class="showCounter">
24+
<p>Movies</p>
25+
<p id="count"></p>
26+
</a>
27+
<a href="#">Gender</a>
28+
<a href="#">Year</a>
29+
</nav>
30+
</header>
31+
<div class="container" id="container"></div>
32+
<div class="" id="modalContainer"></div>
33+
<div id="overlay"></div>
34+
<footer>
35+
<p>Created by @amrendrakind & @zkr024</p>
36+
</footer>
37+
</body>
38+
39+
</html>

0 commit comments

Comments
 (0)