-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
224 lines (221 loc) · 11.6 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
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
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
<!DOCTYPE html>
<html>
<head>
<title>Sraavan Chevireddy - Portfolio </title>
<link rel="icon" href="profile-icon.ico" type="image/x-icon">
<script>
document.addEventListener('contextmenu', function(e) {
e.preventDefault();
});
</script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Avenir:wght@300;900&display=swap');
.avenir-light {
font-family: 'Avenir', sans-serif;
font-weight: 300;
}.avenir-bold {
font-family: 'Avenir', sans-serif;
font-weight: 900;
}.left-align {
text-align: left;
}* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: Arial, sans-serif;
}.paragraph-space {
margin-bottom: 20px;
}.underline {
text-decoration: underline;
text-underline-offset: 2.5px;
}.linespace {
margin-bottom: 5px;
}
.toolbar {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 60px;
background-color: #000;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
z-index: 10;
}
.toolbar img {
height: 40px;
}
.toolbar__right {
display: flex;
align-items: center;
}
.main-content {
padding-top: 80px; /* To make sure content is below the fixed toolbar */
display: flex; /* To align the image and the rest of the content side by side */
flex-wrap: wrap; /* Makes sure content below image drops down when there's not ough space */
}
.image-container {
width: 30vw;
max-width: 300px;
height: 30vw;
max-height: 300px;
border-radius: 50%;
overflow: hidden;
margin: 0 10px;
}
.image-container img {
width: 100%;
height: 100%;
object-fit: cover;
}.company-icon {
width: 3vw;
height: 3vw;
max-width: 20px;
max-height: 20px;
}
.container {
max-width: 960px;
margin: auto;
padding: 20px;
flex-grow:1; /* Allows this div to take the remaining space within the flex container */
}
.project {
border: 1px solid #ddd;
margin-bottom: 20px;
padding: 20px;
}
.project-title {
font-size: 1.5em;
margin-bottom: 15px;
}
.toolbar button {
background: none;
color: #fff;
border: none;
padding: 5px;
cursor: pointer;
font-size: 16px;
margin-left: 5px;
transition: all 0.3s ease;
position: relative;
box-shadow: 0 2px 2px rgba(0,0,0,0.3);
}
.toolbar button::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
background-color: #fff;
transform: scaleX(0);
transition: all 0.3s ease-in-out;
}
.toolbar button:hover::after {
transform: scaleX(0.9);
}
@media (prefers-color-scheme: dark) {
body {
background-color: #333;
color: #f2f2f2;
}
.project {
background-color: #444;
}
.project-title {
color: rgb(233, 233, 233)
}
}
@media (prefers-color-scheme: light) {
body {
background-color: #f2f2f2;
color: #333;
}
.project {
background-color: #fff;
}
.project-title {
color: #333333;
}
}
</style>
</head>
<body>
<div class="toolbar">
<img src="banner.png" alt="My Logo">
<div>
<button id="projects-button">Projects</button>
<script>
document.getElementById('projects-button').addEventListener("click", function() {
document.getElementById('projects-div').scrollIntoView({behavior: "smooth"});
});
</script>
<button>Education</button>
<button onclick="openPdf()">Resume</button>
<script>
function openPdf() {
window.open('SraavanChevireddy.pdf', 'Hello!');
}
</script>
<button>Contact</button>
</div>
</div>
<div class="main-content">
<div class="image-container">
<img src="profile-icon.ico" alt="Sraavan Chevireddy">
</div>
<div class="container">
<h1><span class="avenir-bold">Sraavan</span><span class="avenir-light">, Chevireddy</span></h1>
<h3 class="avenir-light underline paragraph-space">Summary:</h3>
<p class="avenir-light left-align paragraph-space">This is the portfolio of my iOS Development career. I embarked on this career path in June 2016, accumulating a great hands-on experience in crafting iOS applications.</p>
<p class="avenir-light left-align paragraph-space">I enjoy; all the challenges this industry offers delivery, leadership, technology, customer satisfaction, innovation, and ongoing learning. Every project is a different experience.</p>
<p class="avenir-light left-align paragraph-space">I got deeper insights into code optimization, performance, and robust, concrete-designed mobile application development mechanisms. Profound analysis of the business requirements, technical analysis, and confer and disband the work with fellow developers as a part of typical work life.</p>
<p id="projects-div" class="avenir-light left-align paragraph-space">Excellent technical aptitude - Experienced working with Swift, Package manager, Collections & Design Patterns - MVC, MVVM, VIPER. Proven experience in technical experimentation</p>
<div>
<img class="company-icon" src="tree.png">
<h2 class="project-title avenir-bold">Spring By LendingTree</h2>
<ul>
<li class="avenir-light linespace">Team knows me for contribution to the revamped edition of the iOS app. Leveraged the cutting-edge technology stack. This entailed eliminating outdated code, restructuring the architecture, and adopting Apple's latest design Library, SwiftUI, for UI development.</li>
<li class="avenir-light linespace">Collaborated with fellow developers in Mobile App Brainstorm sessions to generate innovative ideas for the new app.</li>
<li class="avenir-light linespace">Collaborated with the design team and engaged with Product Owners to address platform disparities and determine optimal user experience and ecosystem considerations specifically tailored for iOS devices.</li>
<li class="avenir-light linespace">Leveraged the comprehensive features of Apple's Combine framework: this includes AnyPublishers, Cancellables and type-erase properties.</li>
<li class="avenir-light linespace">Adapted the `actor` and `@MainActor` classes within the SwiftUI framework to mitigate data race conditions and prevent unforeseen concurrency crashes</li>
<li class="avenir-light linespace">Worked on Universal links for establishing the Deeplinks to the iOS app. Gained experience in integrating and maintaining the Third-party libraries like, Split.IO, GlassBox, Blueshift and AppsFlyer.</li>
<li class="avenir-light linespace">Worked with Instruments for measuring the App performance metrics and Time Profiler for measuring the areas of improvement.</li>
<li class="avenir-light linespace">Gained experience in configuring and maintaining the Fastlane Pipeline for distributing the App to various environments/schemes.</li>
<li class="avenir-light linespace">Aimed to maintain a code-coverage of more than 80% for testing the key areas of Business implementation.</li>
</ul>
</div>
<div>
<h2 class="project-title avenir-bold">MES Solutions</h2>
<p>Medical Evaluation Services, LLC - USA</p>
<ul>
<li class="avenir-light linespace">Worked closely with the Product Owner and Business analysts for understanding the business model and product requirements.</li>
<li class="avenir-light linespace">Architecting the business model in Swift Code.</li>
<li class="avenir-light linespace">Used SwiftUI, a Combine framework with Publishers, Cancellable, and Task groups for the app to interact with GraphQL backend.</li>
<li class="avenir-light linespace">Experience in creating the Local Swift Packages and configuring the dependency management with other Local SPM.</li>
<li class="avenir-light linespace">Integrated the Apollo GraphQL client for iOS Application to communicate with the backend.</li>
<li class="avenir-light linespace">Developed YAML for CI/CD using Azure Pipeline to streamline the build distribution management.</li>
<li class="avenir-light linespace">Robust experience in build the voice recorder functionality using the AVFoundation and AudioToolBox. Added additional features to voice recorder like Insert and Overwrite the Audio Files based on Timestamp.</li>
<li class="avenir-light linespace">Worked on CloudKit public and private containers for generating ecosystem synchronisation across our iPad and MacOs app along side of iOS devices.</li>
<li class="avenir-light linespace">Peer code reviews and adept the latest and greatest coding practices to work on Apple’s contemporary framework of Combine.</li>
<li class="avenir-light linespace">Experience using the `Charles Proxy`, a web interceptor tool for HTTP monitoring.</li>
<li class="avenir-light linespace">Worked alongside other developers for Application bug fixes and thread management.</li>
<li class="avenir-light linespace">Addressed the issues of memory leaks as the customer adaption increased to 200% and lowered the attrition rate.</li>
<li class="avenir-light linespace">Responsible for building the complex UI animations with Core Animation, bezier curves and paths.</li>
<li class="avenir-light linespace">Experience in developing the View-Models following the SOLID principles, which made the Application extend to the new add-on features.</li>
<li class="avenir-light linespace">Gained experience in integrating the Box iOS SDK for creating a backup to the cloud.</li>
<li class="avenir-light linespace">Designed a newer generation skin application without disturbing the existing business workflow.</li>
<li class="avenir-light linespace">Integrated the document manager to view/edit documents using pages using PDFKit, QLPreview, and Document kit.</li>
<li class="avenir-light linespace">Maintaining the application on feedback and production hot fixes.</li>
<li class="avenir-light linespace">Worked on team that believed in Agile methodology. Experience in understanding the Agile terminologies of Agile Poker, Grooming and Spring Planning.</li>
</ul>
</div>
</div>
</div>
</body>
</html>