Skip to content

Commit 280877b

Browse files
author
Matheus Ishiyama
committed
Created user's login and register workflow
1 parent e20db0e commit 280877b

File tree

14 files changed

+2707
-98
lines changed

14 files changed

+2707
-98
lines changed

‎.gitignore‎

Lines changed: 2 additions & 98 deletions
Original file line numberDiff line numberDiff line change
@@ -1,104 +1,8 @@
1-
# Logs
2-
logs
3-
*.log
4-
npm-debug.log*
5-
yarn-debug.log*
6-
yarn-error.log*
7-
lerna-debug.log*
8-
9-
# Diagnostic reports (https://nodejs.org/api/report.html)
10-
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
11-
12-
# Runtime data
13-
pids
14-
*.pid
15-
*.seed
16-
*.pid.lock
17-
18-
# Directory for instrumented libs generated by jscoverage/JSCover
19-
lib-cov
20-
21-
# Coverage directory used by tools like istanbul
22-
coverage
23-
*.lcov
24-
25-
# nyc test coverage
26-
.nyc_output
27-
28-
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
29-
.grunt
30-
31-
# Bower dependency directory (https://bower.io/)
32-
bower_components
33-
34-
# node-waf configuration
35-
.lock-wscript
36-
37-
# Compiled binary addons (https://nodejs.org/api/addons.html)
38-
build/Release
39-
401
# Dependency directories
412
node_modules/
42-
jspm_packages/
43-
44-
# TypeScript v1 declaration files
45-
typings/
46-
47-
# TypeScript cache
48-
*.tsbuildinfo
49-
50-
# Optional npm cache directory
51-
.npm
523

53-
# Optional eslint cache
54-
.eslintcache
55-
56-
# Microbundle cache
57-
.rpt2_cache/
58-
.rts2_cache_cjs/
59-
.rts2_cache_es/
60-
.rts2_cache_umd/
61-
62-
# Optional REPL history
63-
.node_repl_history
64-
65-
# Output of 'npm pack'
66-
*.tgz
67-
68-
# Yarn Integrity file
69-
.yarn-integrity
70-
71-
# dotenv environment variables file
72-
.env
73-
.env.test
74-
75-
# parcel-bundler cache (https://parceljs.org/)
76-
.cache
4+
# next environment variables file
5+
next.config.js
776

787
# Next.js build output
798
.next
80-
81-
# Nuxt.js build / generate output
82-
.nuxt
83-
dist
84-
85-
# Gatsby files
86-
.cache/
87-
# Comment in the public line in if your project uses Gatsby and *not* Next.js
88-
# https://nextjs.org/blog/next-9-1#public-directory-support
89-
# public
90-
91-
# vuepress build output
92-
.vuepress/dist
93-
94-
# Serverless directories
95-
.serverless/
96-
97-
# FuseBox cache
98-
.fusebox/
99-
100-
# DynamoDB Local files
101-
.dynamodb/
102-
103-
# TernJS port file
104-
.tern-port

‎css/Confirm.module.css‎

Lines changed: 105 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,105 @@
1+
.body {
2+
background: url("../public/background1.png");
3+
background-size: 100%;
4+
width: 100vw;
5+
height: 100vh;
6+
display: flex;
7+
justify-content: center;
8+
align-items: center;
9+
}
10+
11+
.card {
12+
background: white;
13+
width: 60vw;
14+
height: 60vh;
15+
display: flex;
16+
flex-direction: column;
17+
align-items: center;
18+
border-radius: 20px;
19+
}
20+
21+
.card h2 {
22+
font-family: "Montserrat";
23+
font-weight: 900;
24+
text-transform: uppercase;
25+
background: linear-gradient(to top right, #2784f0, #27b1ec);
26+
background-clip: text;
27+
color: transparent;
28+
text-align: center;
29+
width: fit-content;
30+
margin-top: 30px;
31+
}
32+
33+
.user {
34+
margin-top: 30px;
35+
display: flex;
36+
flex-direction: row;
37+
align-items: center;
38+
}
39+
40+
.user h3 {
41+
font-size: 1.2em;
42+
font-family: "Montserrat";
43+
font-weight: bold;
44+
color: #2784f0;
45+
}
46+
47+
.user h4 {
48+
font-size: 1em;
49+
color: #555555;
50+
}
51+
52+
.card form {
53+
margin-top: 30px;
54+
display: flex;
55+
flex-direction: column;
56+
justify-content: center;
57+
align-items: center;
58+
}
59+
60+
.card form label {
61+
font-family: "Poppins";
62+
font-size: 0.8em;
63+
}
64+
65+
.card form .input {
66+
border-style: none;
67+
border: 2px solid #969696;
68+
border-radius: 12px;
69+
width: 250px;
70+
height: 40px;
71+
margin-top: 10px;
72+
font-size: 1em;
73+
padding-left: 10px;
74+
outline: none;
75+
transition: 1s;
76+
}
77+
78+
.card form .input:focus {
79+
border-radius: 0;
80+
border: 2px solid #2784f0;
81+
}
82+
83+
.card form .button {
84+
margin-top: 40px;
85+
padding: 10px;
86+
background: linear-gradient(to top right, #2784f0, #27b1ec);
87+
width: 100px;
88+
font-size: 1.1em;
89+
font-family: "Montserrat";
90+
font-weight: bold;
91+
color: white;
92+
text-decoration: none;
93+
align-items: center;
94+
text-align: center;
95+
border-radius: 10px;
96+
border-width: 0;
97+
outline: none;
98+
transition: 1s;
99+
}
100+
101+
.card form .button:hover {
102+
font-size: 1.2em;
103+
width: 120px;
104+
padding: 13px;
105+
}

‎css/Login.module.css‎

Lines changed: 117 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,117 @@
1+
.body {
2+
background: url("../public/background1.png");
3+
background-size: 100%;
4+
}
5+
6+
.card {
7+
width: 55%;
8+
background-color: white;
9+
height: 100vh;
10+
display: flex;
11+
flex-direction: column;
12+
align-items: center;
13+
}
14+
15+
.card h2 {
16+
margin-top: 50px;
17+
font-size: 5vh;
18+
font-family: "Montserrat";
19+
font-weight: 900;
20+
text-transform: uppercase;
21+
background: linear-gradient(to top right, #2784f0, #27b1ec);
22+
background-clip: text;
23+
color: transparent;
24+
text-align: center;
25+
width: fit-content;
26+
}
27+
28+
.card h3 {
29+
margin-top: 50px;
30+
font-size: 5vh;
31+
font-family: "Montserrat";
32+
font-weight: 900;
33+
text-transform: uppercase;
34+
text-align: center;
35+
width: fit-content;
36+
}
37+
38+
.form {
39+
margin-top: 40px;
40+
display: flex;
41+
flex-direction: column;
42+
align-items: center;
43+
}
44+
45+
.form h4 {
46+
font-size: 1.2em;
47+
font-family: "Lato";
48+
color: #969696;
49+
margin-left: 5px;
50+
margin-top: 20px;
51+
}
52+
53+
.form div input {
54+
border-style: none;
55+
border: 2px solid #969696;
56+
border-radius: 12px;
57+
width: 340px;
58+
height: 50px;
59+
margin-top: 3px;
60+
font-size: 1.5em;
61+
padding-left: 10px;
62+
outline: none;
63+
transition: 1s;
64+
}
65+
66+
.form div input:focus {
67+
border-radius: 0;
68+
border: 2px solid #2784f0;
69+
width: 350px;
70+
height: 55px;
71+
font-size: 1.7em;
72+
color: #2784f0;
73+
}
74+
75+
.form .button {
76+
margin-top: 70px;
77+
padding: 20px;
78+
background: #2784f0;
79+
width: 180px;
80+
font-size: 1.5em;
81+
font-family: "Montserrat";
82+
font-weight: bold;
83+
color: white;
84+
text-decoration: none;
85+
align-items: center;
86+
text-align: center;
87+
border-radius: 20px;
88+
border-width: 0;
89+
outline: none;
90+
transition: 1s;
91+
}
92+
93+
.form .button:hover {
94+
font-size: 1.7em;
95+
width: 200px;
96+
padding: 25px;
97+
background: #27b1ec;
98+
}
99+
100+
.card p {
101+
font-size: 1em;
102+
font-family: "Poppins";
103+
color: #969696;
104+
margin-top: 40px;
105+
}
106+
107+
.card .signin {
108+
color: #2784f0;
109+
text-decoration: none;
110+
font-size: 1em;
111+
font-family: "Poppins";
112+
transition: 1s;
113+
}
114+
115+
.card .signin:hover {
116+
font-size: 1.2em;
117+
}

0 commit comments

Comments
 (0)