-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
93 lines (80 loc) · 3.66 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Chirag Bhayana</title>
<link rel="stylesheet" href="css/styles.css">
<link rel="icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/css2?family=Merriweather:ital@1&family=Sacramento&display=swap" rel="stylesheet">
<body>
<div class="top-container">
<img class="top-cloud" src="images/cloud.png" alt="Cloud">
<h1>I'm Chirag Bhayana.</h1>
<h2>A <span class="pro">software</span> Devloper.</h2>
<img class="bottom-cloud" src="images/cloud.png" alt="Cloud">
<img src="images/mountain.png" alt="mountain">
</div>
<div class="middle-container">
<div class="profile">
<img src="images/chirag.png" alt="Chirag Profile Picture">
<h2>Hello.</h2>
<p class="intro">I am 3nd year Computer Science Student at SKIT College.</p>
</div>
<hr>
<div class="skills">
<h2>My Projects</h2>
<div class="skill-row">
<h3>Realtime Chat Application</h3>
<p>
I have made this Real time Chat Application Project using node express,socket.io and some DOM manipulations.This Project is showing limited functionality of the chat system as at the moment it only include the only one Chat Room.This is to showcase my backend skills.I have taken reference from the socket.io documentation and other articles as well.I named this chat application as EXPRESS CHAT as it made up of Express framework.
</p>
<p>
<a class="btn" href="https://express-chat-realtimechatapp.herokuapp.com/">View Project</a>
</p>
</div>
<div class="skill-row">
<h3>Amazon Clone</h3>
<p >
A MERN stack Project of Amazon-Clone which has Payment Functionalities on Stripe as well as Cart Option with Add and Remove.Using Express.js for backend, MongoDB at Firebase for Real Time Database, React for front end and using Redux for Data Layer.
</p>
<p>
<a class="btn" href="https://clone-cabec.web.app/">View Project</a>
</p>
</div>
<div class="skill-row">
<h3>Sorting Visualizer</h3>
<p>
I have made this Sorting Visualizer of the sorting Algorithms which I studied in DSA using Reactjs.This project is showcasing only the visualizing of Merge Sort at the moment.
</p>
<p>
<a class="btn" href="https://chiragbhayana.github.io/Sorting-Analyzer/">View Project</a>
</p>
</div>
</div>
<hr />
<h2>Skills </h2>
<div class="skill-row skills-section">
<section class="btn1 resize">HTML/CSS</section>
<section class="btn1 resize">JavaScript</section>
<section class="btn1 resize">C/C++</section>
<section class="btn1 resize">JAVA Core</section>
<section class="btn1 resize">Python</section>
<section class="btn1 resize">Node.js</section>
<section class="btn1 resize">ReactJS</section>
<section class="btn1 resize">Redux</section>
<section class="btn1 resize">BootStrap</section>
</div>
<hr>
<div class="contact-me">
<h2>Get In Touch</h2>
<a class="btn" href="mailto:[email protected]">CONTACT ME</a>
</div>
</div>
<div class="bottom-container">
<a class="footer-link" href="https://www.linkedin.com/in/chirag-bhayana-b9230316b/">LinkedIn</a>
<a class="footer-link" href=" https://twitter.com/BhayanaChirag">Twitter</a>
<a class="footer-link" href="https://github.com/CHIRAGBHAYANA">Github</a>
<p class="copyright">© 2021 Chirag Bhayana.</p>
</div>
</body>
</html>