-
Notifications
You must be signed in to change notification settings - Fork 0
/
codingprofile.html
201 lines (138 loc) · 8.12 KB
/
codingprofile.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
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Coding Profiles</title>
<link rel="stylesheet" href="./codingprofile.css">
<link rel="stylesheet" href="./responsive design/codingprofilemobi.css">
</head>
<body>
<div id="header">
<div class="header-wrap">
<h3>Achintya Srivastava</h3>
<img class="logo" src="./icons/daisy.png" alt="">
</div>
<div id="icons">
<a href="./index.html"><img class="icon" src="./icons/house-48.png" alt=""></a>
<a href="./codingprofile.html"><img class="icon" src="./icons/group-48.png" alt=""></a>
<a href="./contact.html"><img class="icon" src="./icons/chat-4-48.png" alt=""></a>
<div class="theme"><img class="icon" src="./icons/icons8-heart-94.png" alt=""></div>
</div>
</div>
<div id="main-content">
<div class="menu-bar">
<img src="./icons/hamburger.png" alt="Menu Icon">
</div>
<div id="side-section">
<div class="headlines">
<h2>Coding Profiles</h2>
<h2>My Projects</h2>
<h2>GitHub Profile</h2>
</div>
</div>
<div id="main-section">
<div id="coding-profiles cp-profile">
<h1 style="padding-bottom: 5px;">Coding Profiles</h1>
<div class="coding-platforms">
<div class="contest cp">
<div class="cpimg1">
<img src="./skills/LeetCode_Sharing.png" alt="">
</div>
<a target="_blank" href="https://leetcode.com/u/rachinka09/">Visit LeetCode Profile</a>
</div>
<div class="contest cp">
<div class="cpimg1">
<img src="./skills/1_RntJ5Mh68fGIM1QseLlrDg.png" alt="">
</div>
<a target="_blank" href="https://www.geeksforgeeks.org/user/rachin515w/">Visit GFG Profile</a>
</div>
<div class="contest cp">
<div class="cpimg1">
<img src="./skills/0f6c1240-462e-47ff-870d-e2d0ebb181f1.jpeg" alt="">
</div>
<a target="_blank" href="https://codeforces.com/profile/achintya27">Visit CF Profile</a>
</div>
</div>
</div>
<div id="projects">
<h1 style="padding-bottom: 5px;">Projects</h1>
<div class="coding-platforms">
<div class="contest project">
<div class="cpimg1">
<img src="./icons/Screenshot 2024-11-09 010422.png" alt="">
</div>
<div class="pr-link">
<a target="_blank" href="https://github.com/achintyasrivastav/Magistic-Fragrance-Shop-Project"><img src="./icons/icons8-github.svg" alt=""></a>
<a target="_blank" href="https://achintyasrivastav.github.io/Magistic-Fragrance-Shop-Project/"><img src="./icons/chain_6217552.png" alt=""></a>
</div>
<p>
Fragrance Foundry is a sleek e-commerce platform for fragrances, featuring GSAP-powered animations and real-time functionality like product search and dynamic cart updates. Built with Node.js, Express.js, and MongoDB, it ensures fast performance, reducing page load and API response times for a seamless user experience.
</p>
</div>
<div class="contest project">
<div class="cpimg1">
<img src="./icons/shutterstock_1808087533-scaled-1.jpg" alt="">
</div>
<div class="pr-link">
<a target="_blank" href="https://github.com/achintyasrivastav/Job-Recommendation-Backend-Service-Development"><img src="./icons/icons8-github.svg" alt=""></a>
</div>
<p>Designed a job recommendation API utilizing NLP techniques like TF-IDF and keyword matching to deliver tailored job suggestions based on user profiles. Enables organizations to enhance recruitment efficiency by providing relevant opportunities, improving candidate engagement and decision-making.</p>
</div>
<div class="contest project">
<div class="cpimg1">
<img src="./icons/Screenshot 2024-11-09 012722.png" alt="">
</div>
<div class="pr-link">
<a target="_blank" href="https://github.com/achintyasrivastav/Gemini-Clone"><img src="./icons/icons8-github.svg" alt=""></a>
<a target="_blank" href="https://gemini-clone-achis-projects-7e7436d8.vercel.app/"><img src="./icons/chain_6217552.png" alt=""></a>
</div>
<p>Built an AI-driven chat application using React, with real-time data processing, enabling seamless user interactions. The intuitive interface ensures a responsive and engaging user experience across devices, making it an ideal solution for businesses seeking efficient communication platforms.</p>
</div>
<div class="contest project">
<div class="cpimg1">
<img src="./icons/Screenshot 2024-11-09 013216.png" alt="">
</div>
<div class="pr-link">
<a target="_blank" href="https://github.com/achintyasrivastav/Chocolate-Can-Animated-Website"><img src="./icons/icons8-github.svg" alt=""></a>
<a target="_blank" href="https://achintyasrivastav.github.io/Chocolate-Can-Animated-Website/"><img src="./icons/chain_6217552.png" alt=""></a>
</div>
<p>Created a visually engaging landing page with dynamic animations using GSAP and ScrollTrigger. Ensured smooth performance and responsiveness across devices, enhancing user experience and making it ideal for modern web applications. Implemented seamless scrolling effects to guide users intuitively through the content.</p>
</div>
</div>
</div>
<div id="coding-profiles" class="github">
<h1>Github <br> profile</h1>
<div class="coding-platforms git">
<div class="contest cp">
<div class="cpimg1">
<img src="./skills/download.jpeg" alt="">
</div>
<a target="_blank" href="https://github.com/achintyasrivastav">Visit GitHub Profile</a>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/MotionPathPlugin.min.js"></script>
<script src="./codingprofile.js"></script>
<script>
let defaultTheme = true;
document.querySelector('.theme').addEventListener('click', ()=>{
if(defaultTheme){
//default ko change karna hai
//yani black -> white
document.body.style.backgroundColor = 'white';
document.querySelector('.github').style.backgroundColor = 'white';
defaultTheme = false;
}
else{
document.body.style.backgroundColor = 'black';
document.querySelector('.github').style.backgroundColor = 'black';
defaultTheme = true;
}
});
</script>
</body>
</html>