-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
150 lines (135 loc) · 5.31 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html>
<head>
<title>MERN App Generator | Craete, build and deploy MERN apps with breeze</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="MERN App Generator | Craete, build and deploy MERN apps with breeze" content="MERN App Generator is a CLI-based tool that simplifies the process of creating, building and deploying MERN stack applications.">
<meta name="description" content="MERN App Generator is a CLI-based tool that simplifies the process of creating, building and deploying MERN stack applications.">
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
<meta property="og:title" content="MERN App Generator | Craete, build and deploy MERN apps with breeze">
<meta property="og:description" content="MERN App Generator is a CLI-based tool that simplifies the process of creating, building and deploying MERN stack applications.">
<meta property="og:url" content="https://shahzaibkhalid.github.io/mern-app-generator/">
<meta property="og:type" content="website">
<meta property="og:image" content="https://raw.githubusercontent.com/shahzaibkhalid/mern-app-generator/master/static/social-sharing-card.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@shahzaibkhalid">
<meta name="twitter:creator" content="@shahzaibkhalid" />
<meta name="twitter:title" content="MERN App Generator | Craete, build and deploy MERN apps with breeze">
<meta name="twitter:description" content="MERN App Generator is a CLI-based tool that simplifies the process of creating, building and deploying MERN stack applications.">
<meta name="twitter:image" content="https://raw.githubusercontent.com/shahzaibkhalid/mern-app-generator/master/static/social-sharing-card.png">
<meta name="twitter:url" content="https://shahzaibkhalid.github.io/mern-app-generator/">
<link rel="icon" href="./static/logo.png">
<style>
body {
font-family: 'Ubuntu', sans-serif;
background-color: #f2f2f2;
}
.main-logo {
max-width: 100%;
height: auto;
width: 300px;
margin: 0 auto;
display: block;
}
.main-heading {
text-align: center;
}
.img-container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.badge {
padding: 5px;
}
.code-box {
text-align: center;
color: black;
font-size: 18px;
margin: 10px auto;
}
pre {
white-space: pre-wrap;
white-space: moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
.button-container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.btn {
background-color: #f2f2f2;
outline: none;
border: 2px solid black;
padding: 5px;
font-size: 16px;
font-weight: bold;
margin: 5px;
cursor: pointer;
border-radius: 3px;
text-decoration: none;
}
footer {
margin-top: 50px;
font-size: 16px;
}
.footer-personal {
text-align: center;
font-size: 18px;
}
.footer-code-license {
text-align: center;
font-size: 16px;
}
a {
text-decoration: none;
}
</style>
</head>
<body>
<div></div>
<img class="main-logo" src="./static/logo.png" alt="mern-app-generator">
<h2 class="main-heading">Create, build and deploy MERN stack applications with breeze.</h2>
<div class="img-container">
<img class="badge" src="https://api.travis-ci.org/shahzaibkhalid/mern-app-generator.svg?branch=master" alt="travis-ci">
<img class="badge" src="https://badge.fury.io/js/mern-app-generator.svg" alt="npm-version">
<img class="badge" src="https://img.shields.io/github/issues/shahzaibkhalid/mern-app-generator.svg" alt="issues">
<img class="badge" src="https://img.shields.io/npm/dm/mern-app-generator.svg" alt="monthly downloads">
<img class="badge" src="https://img.shields.io/npm/dt/mern-app-generator.svg" alt="total downloads">
<img class="badge" src="https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat" alt="contributions">
<img class="badge" src="https://img.shields.io/github/license/shahzaibkhalid/mern-app-generator.svg" alt="license">
</div>
<div class="code-box">
<pre><code>
npm install mern-app-generator -g
mern-app-generator my-app
cd my-app
npm run client-dev
npm run server-dev
npm run build
npm run deploy
</code></pre>
</div>
<div class="button-container">
<a class="btn" target="_blank" href="https://github.com/shahzaibkhalid/mern-app-generator/blob/master/README.md">Documentation</a>
<a class="btn" target="_blank" href="https://www.npmjs.com/package/mern-app-generator">Find on NPM</a>
</div>
<footer>
<p class="footer-personal">Designed & coded by
<a href="https://shahzaibkhalid.github.io" target="_blank">Shahzaib Khalid</a>
</p>
<p class="footer-code-license">MERN App Generator is licensed under the
<a href="https://github.com/shahzaibkhalid/mern-app-generator/blob/master/LICENSE.txt" target="_blank"> MIT License.</a>
</p>
</footer>
</body>
</html>