canjtosun.github.io/index.html at main · canjtosun/canjtosun.github.io · GitHub

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
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
        <meta name="description" content="" />
        <meta name="author" content="" />
        <title>Can Tosun</title>
        <link rel="icon" type="image/x-icon" href="dist/assets/img/favicon.ico" />
        <!-- Font Awesome icons (free version)-->
        <script src="https://use.fontawesome.com/releases/v5.15.1/js/all.js" crossorigin="anonymous"></script>
        <!-- Google fonts-->
        <link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700" rel="stylesheet" type="text/css" />
        <link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet" type="text/css" />
        <!-- Core theme CSS (includes Bootstrap)-->
        <link href="dist/css/styles.css" rel="stylesheet" />
    </head>
    <body id="page-top">
        <!-- Navigation-->
        <nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
            <a class="navbar-brand js-scroll-trigger" href="#page-top">
                <span class="d-block d-lg-none">Can Tosun</span>
                <span class="d-none d-lg-block"><img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="dist/assets/img/profile.jpg" alt="" /></span>
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav">
                    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#about">About</a></li>
                    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#experience">Experience</a></li>
                    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#education">Education</a></li>
                    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#skills">Skills</a></li>
                    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#interests">Interests</a></li>
                    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#training-cert">Trainings & Certifications</a></li>
                    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#project-examples">Project Examples</a></li>
                </ul>
            </div>
        </nav>
        <!-- Page Content-->
        <div class="container-fluid p-0">
            <!-- About-->
            <section class="resume-section" id="about">
                <div class="resume-section-content">
                    <h1 class="mb-0">
                        Can
                        <span class="text-primary">Tosun</span>
                    </h1>
                    <div class="subheading mb-5">
                        Austin <br>
                        (323) 405-5165 <br>
                        <a href="mailto:canjtosun@gmail.com">canjtosun@gmail.com</a>
                    </div>
                    <p class="lead mb-5">
                        Software Engineer |

                        Passionate front-end engineer with 3 years of experience in mobile development,
                        specializing in React Native, TypeScript, and JavaScript. Proficient in building
                        scalable and high-performance applications with React, Redux,
                        and modern front-end technologies.
                        Always eager to learn, adapt, and deliver seamless user experiences.
                        </p>
                    <div class="social-icons">
                        <a class="social-icon" href="https://www.linkedin.com/in/cantosun/" target="_blank"><i class="fab fa-linkedin-in"></i></a>
                        <a class="social-icon" href="https://github.com/canjtosun" target="_blank"><i class="fab fa-github"></i></a>
                        <a class="social-icon" href="dist/assets/img/Can-Tosun-Software Developer.pdf" target="_blank"><i class="fas fa-fingerprint"></i></a>
                        <!--#<a class="social-icon" href="#"><i class="fab fa-facebook-f"></i></a>-->
                    </div>
                </div>
            </section>
            <hr class="m-0" />
            <!-- Experience-->
            <section class="resume-section" id="experience">
                <div class="resume-section-content">
                    <h2 class="mb-5">Experience and Projects</h2>

                    <div class="d-flex flex-column flex-md-row justify-content-between mb-5">
                        <div class="flex-grow-1">
                            <h3 class="mb-0">Software Engineer, General Motors</h3>
                            <div class="subheading mb-3">Austin, TX</div>
                            <p>Collaborate with a multi-functional team to build industry-leading mobile apps for
                                connected vehicles. My role covers the entire development lifecycle: feature
                                development, programming, testing, and debugging. Followed by Agile practices like
                                Scrum and SAFe to ensure continuous improvement. My expertise in TypeScript, React
                                Native and Redux drives the delivery of high-quality, innovative solutions.
                            </p>
                            <p>Project 1: Real-Time Car Software Status and Fault Detection</p>
                            <p>Project Overview: The project aims to display the real-time status of the car's software components and identify any potential faults.</p>
                            <ul> Developed API calls to fetch relevant data.</ul>
                            <ul>Implemented feature development for pages and navigation from scratch, enabling detailed views upon clicking.</ul>
                            <ul>Conducted thorough testing and debugging to ensure code reliability.</ul>
                            <ul>Collaborated with the designer for page layouts and design.</ul>
                            <ul>>Used React, Redux, TypeScript, and CSS to ensure the delivery of high-quality, innovative solutions.</ul>


                            <p>Project 2: Be Right Back Mode App</p>
                            <p>Project Overview: Developed a "Be Right Back Mode" app to remotely control the car's internal temperature and monitor its status.</p>
                            <ul>Enhanced and improved an existing remote-controlled car system through feature development.</ul>
                            <ul>Implemented new control features for the car, both remotely and from inside the vehicle.</ul>
                            <ul>Utilized React, Redux, TypeScript, and CSS to develop the app, ensuring high-quality and efficient solutions.</ul>

                        </div>
                        <div class="flex-shrink-0"><span class="text-primary">Mar 2022 - Present</span></div>
                    </div>

                    <div class="d-flex flex-column flex-md-row justify-content-between mb-5">
                        <div class="flex-grow-1">
                            <h3 class="mb-0">Developer, HCL</h3>
                            <div class="subheading mb-3">Sacramento, CA</div>
                            <p>Using Java and Python, develop and deploy software codes as
                                part of end-to-end enterprise software development project and
                                ensure the developed code is in accordance with time and quality.
                                </p>
                        </div>
                        <div class="flex-shrink-0"><span class="text-primary">Jun 2021 - Mar 2022</span></div>
                    </div>


                    <div class="d-flex flex-column flex-md-row justify-content-between mb-5">
                        <div class="flex-grow-1">
                            <h3 class="mb-0">Code Optimization of Quasars</h3>
                            <h3 class="mb-0">Data Analysis</h3>
                            <div class="subheading mb-3">University of Washington, Seattle</div>
                            <p>Team project based on Agile methodologies using Python, and
                                SciPy skills. Developing computational methods to avoid
                                redundancy with the previously downloaded spectra and establish
                                our database, work with previously developed python codes to
                                improve the efficiency and accessibility for a future group member,
                                upload the results of the search for extremely high velocity outflows
                                to share easily with the scientific community.</p>
                        </div>
                        <div class="flex-shrink-0"><span class="text-primary">June 2020 - Dec 2020</span></div>
                    </div>


                    <div class="d-flex flex-column flex-md-row justify-content-between mb-5">
                        <div class="flex-grow-1">
                            <h3 class="mb-0">Blood Bank Database Project</h3>
                            <div class="subheading mb-3">University of Washington, Seattle</div>
                            <p>Team project based on C# Forms and SQL. Implementing and
                                testing the application of SQL methods, tables, and CRUD
                                commands. The Blood Bank application has a basic UI design that
                                allows finding the donor, donation, and facility from the database.
                                Implemented and designed from scratch and released to the
                                client. </p>
                        </div>
                        <div class="flex-shrink-0"><span class="text-primary">Feb 2020 - Mar 2020</span></div>
                    </div>
                </div>
            </section>
            <hr class="m-0" />
            <!-- Education-->
            <section class="resume-section" id="education">
                <div class="resume-section-content">
                    <h2 class="mb-5">Education</h2>
                    <div class="d-flex flex-column flex-md-row justify-content-between mb-5">
                        <div class="flex-grow-1">
                            <h3 class="mb-0">University of Washington</h3>
                            <div class="subheading mb-3">Bachelor of Science</div>
                            <div>Computer Science and Software Engineering</div>
                            <p>GPA: 3.62</p>
                        </div>
                        <div class="flex-shrink-0"><span class="text-primary">Graduated Dec 2020</span></div>
                    </div>
                    <div class="d-flex flex-column flex-md-row justify-content-between">
                        <div class="flex-grow-1">
                            <h3 class="mb-0">Anatolian University</h3>
                            <div class="subheading mb-3">Bachelor of Arts</div>
                            <div>Business Administration</div>
                            <p>GPA: 3.83</p>
                        </div>
                        <div class="flex-shrink-0"><span class="text-primary">Graduated June 2011</span></div>
                    </div>
                </div>
            </section>
            <hr class="m-0" />
            <!-- Skills-->
            <section class="resume-section" id="skills">
                <div class="resume-section-content">
                    <h2 class="mb-5">Skills</h2>
                    <div class="subheading mb-3">Programming Languages & Tools</div>
                    <ul class="list-inline dev-icons">
                        <li class="list-inline-item"><img src="dist\assets\img\pythonicon.jpg" style="width:50px;height:50px;"></li>
                        <li class="list-inline-item"><img src="dist\assets\img\sqlicon.jpg" style="width:50px;height:50px;"></li>
                        <li class="list-inline-item"><img src="dist\assets\img\html5icon.jpg" style="width:50px;height:50px;"></li>
                        <li class="list-inline-item"><img src="dist\assets\img\css3icon.jpg" style="width:50px;height:50px;"></li>
                        <li class="list-inline-item"><img src="dist\assets\img\javascript.png" style="width:70px;height:50px;"></li>
                        <li class="list-inline-item"><img src="dist\assets\img\reactNative.png" style="width:70px;height:50px;"></li>
                    </ul>
                </div>
            </section>
            <hr class="m-0" />
            <!-- Interests-->
            <section class="resume-section" id="interests">
                <div class="resume-section-content">
                    <h2 class="mb-5">Interests</h2>
                    <p>Apart from being a software developer, I enjoy being outdoors. During the spring and fall time, I enjoy fishing, kayaking, and hiking. In the summer, I am an avid swimmer.</p>
                    <p class="mb-0">Hot days, like most of the time in Austin, TX, I like to follow new technologies around the world and learn new things. </p>
                </div>
            </section>
            <hr class="m-0" />
            <!-- Awards-->
            <section class="resume-section" id="training-cert">
                <div class="resume-section-content">
                    <h2 class="mb-5">Trainings & Certifications</h2>
                    <div class="d-flex flex-column flex-md-row justify-content-between mb-5">
                        <div class="flex-grow-1">
                            <p class="mb-0">Practice Java by Building Projects Certification – Udemy</p>
                            <p class="mb-0">Java Multithreading, Concurrency & Performance Optimization – Udemy</p>
                            <p class="mb-0">Data Structures and Algorithms: Deep Dive Using Java -Udemy</p>
                            <p class="mb-0">The Complete Java Certification Course – Udemy</p>
                            <p class="mb-0">Understanding TypeScript - 2022 Edition – Udemy</p>
                            <p class="mb-0">Learning Python – LinkedIn</p>
                            <p class="mb-0">Programming Foundations: Databases - LinkedIn</p>
                            <p class="mb-0">React - The Complete Guide - Udemy</p>
                            <p class="mb-0">The Complete React Native + Hooks Course - Udemy</p>


                    </div>
                </div>

            </section>
            <section class="resume-section" id="project-examples">
                <div class="resume-section-content">
                    <h2 class="mb-5">Project Examples</h2>

                </br>

                    <div class="subheading mb-3">Code Optimization of Quasars Data Analysis</div>
                        <p>The main aim of this project is developing computational methods to avoid redundancy with the previously downloaded spectra and establish our database, work with previously developed python codes to improve the efficiency and accessibility for a future group member, upload the results of the search for extremely-high velocity outflows to share easily with the scientific community.
                            The files that working with the current Python program is Data Release 9, but the goal of the project is, regardless of the Data Release number, rewrite the current code with a better algorithm. The data has gotten from the Sloan Digital Survey database and convert the appropriate information for analysis. This data was used on the Python program with libraries and created accurate 2D graphs.
                        </p>
                        <a href="dist\assets\img\original_graphs.pdf">
                        <img src="dist\assets\img\quasarpicture2.jpg"  style="width:350px;height:250px;"></a>
                        <a href="dist\assets\img\normalized_graphs.pdf">
                        <img src="dist\assets\img\quasarpicture.jpg"  style="width:350px;height:250px;"></a>
                        <a href="dist\assets\img\absorption_graphs.pdf">
                        <img src="dist\assets\img\quasarpicture3.jpg"  style="width:350px;height:250px;"></a>
                        <hr class="rounded">
                    <div class="subheading mb-3">Bloodbank Database</div>
                        <p>MySQL project based on using Windows forms. I and my team used a free database to store all the donations. The high-level interface allows the user to Insert, Update, View all information. This project totally depends on the developer's imagination. It is not an assignment. The back-end and front-end totally designed by us from scratch. We used agile development methodologies on the project with daily and weekly meetings and weekly launches. </p>
                        <a href="dist\assets\img\databaseschema.jpg">
                        <img src="dist\assets\img\databaseschema.jpg"  style="width:300px;height:200px;"></a><!---->
                        <img src="dist\assets\img\whitespace.jpg"  style="width:50px;height:200px;"></a><!---->
                        <a href="dist\assets\img\UIschema.jpg">
                        <img src="dist\assets\img\UIschema.jpg"  style="width:300px;height:200px;"></a>
                        <hr class="rounded">
                    <div class="subheading mb-3">Exercise Tracker (WIP) </div>
                        <p>Sipmle exercise tracker using local mongodb database as backend and react implementation on front end. Using NoSQL and CRUD operations, bring the data from back end and manipulate on UI.</p>
                        <video width="320" height="240" controls>
                            <source src="dist\assets\exercise-tracker-sample.mp4">
                        </video>


                </div>
            </section>
        </div>
        <!-- Bootstrap core JS-->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"></script>
        <!-- Third party plugin JS-->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
        <!-- Core theme JS-->
        <script src="dist/js/scripts.js"></script>
    </body>
</html>