-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproject-1.html
173 lines (161 loc) · 7.81 KB
/
project-1.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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Case Study of CIAM</title>
<meta name="description" content="Case study page of Project" />
<link rel="stylesheet" href="css/style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700;900&display=swap"
rel="stylesheet" />
</head>
<body>
<header class="header">
<div class="header__content">
<div class="header__logo-container">
<h1>KOVID TIWARI</h1>
</div>
<div class="header__main">
<ul class="header__links">
<li class="header__link-wrapper">
<a href="./index.html" class="header__link"> Home </a>
</li>
<li class="header__link-wrapper">
<a href="./index.html#about" class="header__link">About </a>
</li>
<li class="header__link-wrapper">
<a href="./index.html#projects" class="header__link">
Projects
</a>
</li>
<li class="header__link-wrapper">
<a href="./index.html#contact" class="header__link"> Contact </a>
</li>
</ul>
<div class="header__main-ham-menu-cont">
<img src="./assets/svg/ham-menu.svg" alt="hamburger menu" class="header__main-ham-menu" />
<img src="./assets/svg/ham-menu-close.svg" alt="hamburger menu close"
class="header__main-ham-menu-close d-none" />
</div>
</div>
</div>
<div class="header__sm-menu">
<div class="header__sm-menu-content">
<ul class="header__sm-menu-links">
<li class="header__sm-menu-link">
<a href="./index.html"> Home </a>
</li>
<li class="header__sm-menu-link">
<a href="./index.html#about"> About </a>
</li>
<li class="header__sm-menu-link">
<a href="./index.html#projects"> Projects </a>
</li>
<li class="header__sm-menu-link">
<a href="./index.html#contact"> Contact </a>
</li>
</ul>
</div>
</div>
</header>
<section class="project-cs-hero">
<div class="project-cs-hero__content">
<h1 class="heading-primary">CIAM</h1>
<div class="project-cs-hero__info">
<p class="text-primary">
Container Identity Access Management (CIAM) is an application or protocol designed to address these security
concerns in containerized environments. It provides a framework for managing user identities, their associated
privileges, and access to containers. CIAM acts as a bridge between the frontend and backend of containerized
applications, ensuring that only authorized users can interact with containers.
</p>
</div>
<div class="project-cs-hero__cta">
<a href="https://github.com/K-O-V-I-D/CIAM" class="btn btn--bg" target="_blank">Live Link</a>
</div>
</div>
</section>
<section class="project-details">
<div class="main-container">
<div class="project-details__content">
<div class="project-details__showcase-img-cont">
</div>
<div class="project-details__content-main">
<div class="project-details__desc">
<h3 class="project-details__content-title">Project Overview</h3>
<p class="project-details__desc-para">
The Container Identity Access Management (CIAM) protocol, built with Docker, Next.js, and Python, establishes a secure system for managing container identity and access. Utilizing a RESTful API, it seamlessly connects frontend and backend, enabling dynamic container features. Blockchain, implemented in JSON, ensures data integrity. Features include container addition, API assignment, and role-based access control. With Docker as the hypervisor, Bash scripts automate container generation, enhancing efficiency in this robust and API-driven CIAM solution.
</p>
<p class="project-details__desc-para">
The CIAM protocol operates through a Docker-based environment, integrating Next.js and Python for frontend and backend connectivity. Blockchain, stored in JSON, ensures secure data management. Users interact via RESTful APIs, allowing dynamic container addition and API assignment. Docker serves as the hypervisor, facilitating virtualization, while Bash scripts automate container creation. The system employs role-based access control and cryptographic hashing for password verification, ensuring a secure and efficient identity and access management solution.
</p>
</div>
<div class="project-details__tools-used">
<h3 class="project-details__content-title">Tools Used</h3>
<div class="skills">
<div class="skills__skill">HTML</div>
<div class="skills__skill">CSS</div>
<div class="skills__skill">JavaScript</div>
<div class="skills__skill">React</div>
<div class="skills__skill">Next Js</div>
<div class="skills__skill">GIT</div>
<div class="skills__skill">Python</div>
<div class="skills__skill">Docker</div>
<div class="skills__skill">Bash</div>
<div class="skills__skill">Flask</div>
<div class="skills__skill">Python</div>
<div class="skills__skill">JSON</div>
<div class="skills__skill">JWT</div>
<div class="skills__skill">Blockchain</div>
</div>
</div>
<div class="project-details__links">
<h3 class="project-details__content-title">See Live</h3>
<a href="https://github.com/K-O-V-I-D/CIAM" class="btn btn--bg" target="_blank">Code Link</a>
</div>
</div>
</div>
</div>
</section>
<footer class="main-footer">
<div class="main-container">
<div class="main-footer__upper">
<div class="main-footer__row main-footer__row-1">
<h2 class="heading heading-sm main-footer__heading-sm">
<span>Social</span>
</h2>
<div class="main-footer__social-cont">
<a target="_blank" rel="noreferrer" href="mailto:kovidtiwarifeb3@gmail.com">
<img class="main-footer__icon" src="./assets/png/Mail-ico.png" alt="Icon" />
</a>
<a target="_blank" rel="noreferrer" href="https://www.linkedin.com/in/kovid-tiwari-82a178224/">
<img class="main-footer__icon" src="./assets/png/linkedin-ico.png" alt="icon" />
</a>
<a target="_blank" rel="noreferrer" href="https://github.com/K-O-V-I-D">
<img class="main-footer__icon" src="./assets/png/github-ico.png" alt="GitHub Icon" />
</a>
<a target="_blank" rel="noreferrer" href="https://leetcode.com/KOVIDTIWARI/">
<img class="main-footer__icon" src="./assets/png/Leetcode-ico.png" alt="LeetCode Icon" />
</a>
<a target="_blank" rel="noreferrer" href="https://twitter.com/TiwariKovid">
<img class="main-footer__icon" src="./assets/png/twitter-ico.png" alt="Twitter Icon" />
</a>
</div>
</div>
<div class="main-footer__row main-footer__row-2">
<h4 class="heading heading-sm text-lt">KOVID TIWARI</h4>
<p class="main-footer__short-desc">
KOVID TIWARI, VITB, MADHYA PRADESH, BHARAT
</p>
</div>
</div>
<div class="main-footer__lower">
© Copyright 2021. Made by KOVID TIWARI
</div>
</div>
</footer>
<script src="./index.js"></script>
</body>
</html>