-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathprojects.html
More file actions
172 lines (147 loc) · 8.73 KB
/
projects.html
File metadata and controls
172 lines (147 loc) · 8.73 KB
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
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="">
<meta property="og:type" content="">
<meta property="og:url" content="">
<meta property="og:image" content="">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/main.css">
<title>Amit Kumar</title>
</head>
<body>
<header>
<div class="menu-btn">
<span class="menu-btn__burger"></span>
<nav class="nav">
<ul class="menu-nav">
<li class="menu-nav__item"><a href="index.html" class="menu-nav__link">Home</a></li>
<li class="menu-nav__item"><a href="about.html" class="menu-nav__link">About Me</a></li>
<li class="menu-nav__item active"><a href="projects.html" class="menu-nav__link">My Projects</a></li>
<li class="menu-nav__item">
<a href="https://docs.google.com/document/d/15XZDXMfu76gBz3fzszCf1pj-Fn21rHwkUH-ueFCRrYE/edit" target="_blank" rel="noreferrer noopener" class="menu-nav__link">Resume</a>
</li>
<li class="menu-nav__item"><a href="contact.html" class="menu-nav__link">Contact Me</a></li>
</ul>
</nav>
</div>
</header>
<main>
<section class="projects">
<div class="projects__bio-image">
<h1 class="text-secondary">My Projects</h1>
</div>
<div class="projects__items">
<div class="projects__item">
<img src="assets/img/itf.png" alt="Project Image" class="project-img">
<h2 class="title">Itinerant</h2>
<div class="stacks">
<div class="stack">HTML / CSS</div>
<div class="stack">Ruby on Rails</div>
</div>
<p class="desc">
ITINERANT is a web App that allows user to keep the record of all his travel logs.
It can be used by any organisations who wants their employee to keep track of all their travels in
order to provide Travel Allowances (TA). An employee can group his travel in different categories
and also create a custom category to categorize his travel record.
</p>
<div class="project-links">
<a href="https://glacial-hamlet-02969.herokuapp.com/" target="_blank" rel="noreferrer noopener" class="project-link link">See Live</a>
<a href="https://github.com/KumarAmitt/travel-log" target="_blank" rel="noreferrer noopener" class="project-link link">See Source</a>
</div>
</div>
<div class="projects__item">
<img src="assets/img/alice.png" alt="Project Image" class="project-img">
<h2 class="title">Alice in Wonderland</h2>
<div class="stacks">
<div class="stack">JavaScript</div>
<div class="stack">Phaser 3</div>
</div>
<p class="desc">
ALICE IN WONDERLAND is an RPG game inspired by Lewis Caroll's fantasy novel "Alice's adventure in wonderland".
It can be played directly in any modern browser.
</p>
<div class="project-links">
<a href="https://kumaramitt.github.io/Alice-in-Wonderland/" target="_blank" rel="noreferrer noopener" class="project-link link">Play Game</a>
<a href="https://github.com/KumarAmitt/Alice-in-Wonderland" target="_blank" rel="noreferrer noopener" class="project-link link">See Source</a>
</div>
</div>
<div class="projects__item">
<img src="assets/img/poemency.png" alt="Project Image" class="project-img">
<h2 class="title">Poemency</h2>
<div class="stacks">
<div class="stack">React / Redux</div>
<div class="stack">CSS</div>
</div>
<p class="desc">
POEMENCY is a web app that lists almost three thousand poetries from different composers.
A user can search for specific poetry by title or filter the poetries by its composers and read it.
</p>
<div class="project-links">
<a href="https://poemency.netlify.app/" target="_blank" rel="noreferrer noopener" class="project-link link">See Live</a>
<a href="https://github.com/KumarAmitt/poemency" target="_blank" rel="noreferrer noopener" class="project-link link">See Source</a>
</div>
</div>
<div class="projects__item">
<img src="https://raw.githubusercontent.com/KumarAmitt/TODO-List/development/src/img/mk1.png" alt="Project Image" class="project-img">
<h2 class="title">TODO</h2>
<div class="stacks">
<div class="stack">HTML / SCSS</div>
<div class="stack">JavaScript</div>
</div>
<p class="desc">
A simple TODO list web app where a user can add new projects and able to create, view, edit and destroy
TODOs under the respective project category.
</p>
<div class="project-links">
<a href="https://kumaramitt.github.io/TODO-List/" target="_blank" rel="noreferrer noopener" class="project-link link">See Live</a>
<a href="https://github.com/KumarAmitt/TODO-List" target="_blank" rel="noreferrer noopener" class="project-link link">See Source</a>
</div>
</div>
<div class="projects__item">
<img src="assets/img/srf.png" alt="Project Image" class="project-img">
<h2 class="title">Lazzy Heist</h2>
<div class="stacks">
<div class="stack">Ruby</div>
</div>
<p class="desc">
LAZZY HEIST is a Web Scraper built in Ruby. It scraps data for Movies and TV Shows listed under
different categories from the IMDb website and export it into a CSV file.
</p>
<div class="project-links">
<a href="https://github.com/KumarAmitt/Lazzy-Heist" target="_blank" rel="noreferrer noopener" class="project-link link">See Live</a>
<a href="https://github.com/KumarAmitt/Lazzy-Heist" target="_blank" rel="noreferrer noopener" class="project-link link">See Source</a>
</div>
</div>
<div class="projects__item">
<img src="assets/img/vtt1.png" alt="Project Image" class="project-img">
<h2 class="title">Vetect</h2>
<div class="stacks">
<div class="stack">HTML</div>
<div class="stack">SCSS</div>
</div>
<p class="desc">
VETECT is Front-end design for the directory of veterinary Hospital, Clinics and Physician where you
can search for a suitable vet for your pet and you can also book an Appointment with them.
</p>
<div class="project-links">
<a href="https://kumaramitt.github.io/vetect/" target="_blank" rel="noreferrer noopener" class="project-link link">See Live</a>
<a href="https://github.com/KumarAmitt/vetect" target="_blank" rel="noreferrer noopener" class="project-link link">See Source</a>
</div>
</div>
</div>
<div class="social-icons">
<a href="https://github.com/KumarAmitt" target="_blank" rel="noreferrer noopener"><img src="assets/icons/github-fill.svg" alt="GitHub"></a>
<a href="https://www.linkedin.com/in/kumar-amitt" target="_blank" rel="noreferrer noopener"><img src="assets/icons/linkedin-fill.svg" alt="LinkedIn"></a>
<a href="https://twitter.com/ArrshAmitt" target="_blank" rel="noreferrer noopener"><img src="assets/icons/twitter-fill.svg" alt="Twitter"></a>
<a href="mailto:[email protected]" target="_blank" rel="noreferrer noopener"><img src="assets/icons/mail-fill.svg" alt="Email"></a>
</div>
<footer>©Amit Kumar 2021</footer>
</section>
</main>
<script src="js/main.js"></script>
</body>
</html>