-
Notifications
You must be signed in to change notification settings - Fork 13
/
Copy pathportfolio.js
275 lines (264 loc) · 11.5 KB
/
portfolio.js
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
267
268
269
270
271
272
273
274
275
// --- 🎨 Site Styling ---
// Colors (recommendation: choose a color suitable for dark and light modes)
// Should be inputted as a hex value. Use https://g.co/kgs/XCcs7T for choosing colors with hex.
const colors = {
buttonColor: "#4305ba",
LinkHighlightColor: "#4305ba"
}
// Transitions
const transitions = {
active: true, // activate for all sections
onlyLanding: false, // activate only for initial load of landing page
showOnce: true, // transition only once
thresholdOption: 0.2 // indicates at what percentage of the sections visibility the transition should start
}
// Splash Screen
const splashScreen = true // recommended: for best behavior after refresh
// --- 👋 Greeting Section ---
const greeting = {
intro: "Hello 👋, my name is",
name: "Maxim Shelepov",
message: "I'm a computer science senior with hefty experience in app development. Previously worked as a web developer at my university, where I built tools to support both students and educators. Currently, I'm developing an educational AI tool aimed at redefining how college students interact with AI.",
basedLocation: "Raleigh, NC",
resumeLink: "https://drive.google.com/file/d/1BEiPuAOCQPWc1RVN5Bn_7KyxhR0HL_bv/view?usp=sharing", // recommended: google drive file share link (change to "anyone on the internet can view")
logo: {
link: "images/initials.png", // use relative path from parent directory -> ex: images/image.ext
custom: true // takes precedence over image logo and allows for custom HTML logo (./components/Navbar.vue)
},
portraitLink: 'images/recentportrait.png'
}
const socialMediaLinks = {
github: "https://github.com/feifyKike",
linkedin: "https://www.linkedin.com/in/maxim-shelepov1",
medium: "https://medium.com/@mimaishel",
stackoverflow: "",
xtwitter: "https://twitter.com/mimaishel"
} // to add any additional social media links check out the README.md or src/icons.js file
// --- 😎 About Section ---
const about = {
autobiography: [
"My name is Maxim Shelepov and I'm a computer science senior at North Carolina State University. I have a knack for solving problems and creating impactful software solutions. Through personal studies in high school, I built my first every full-stack personal website maximshelepov.com. While in college, I worked as a web developer for my university's IT team, gaining extensive experience in industry-grade software and advanced app development practices.",
"Nowadays you can find me doing CS coursework (😅) or developing an app to tackle the next big challenge."
], // Separated items are paragraphs
techStack: [
"PHP",
"Python",
"JavaScript",
"Vue.js",
"MySQL",
"Swift"
],
photo1Link: "images/portrait1.jpeg",
photo2Link: "images/portrait2.jpeg",
photo3Link: "images/portrait3.jpeg"
}
// --- 🛡️ Experience Section ---
const experiences = [
{
position: "Web Dev Intern",
company: {
name: "WolfTech",
link: "https://tools.wolftech.ncsu.edu/support/index.php/WolfTech_Information_Technology"
},
duration: "Aug 2022 - Aug 2024",
bulletPoints: [
"Supported the development and maintenance of university web applications over two years, improving user experience and developer efficiency using PHP, Laravel, SQL, Docker, and Vue.js.",
"Made 350+ contributions to code repositories, including developing tools for email automation, research discovery, and AI-driven news sharing, which reduced operational time and led to higher user adoption.",
"Laid the groundwork for the modernized campus digital signage system and management application which supports 360 digital signs and 50 different organizations on campus."
],
hashtags: [
"Laravel",
"PHP",
"MySQL",
"JS",
"Vue.js",
"HTML",
"Tailwind"
]
},
{
position: "Math Tutor",
company: {
name: "Mathnasium",
link: "https://www.mathnasium.com"
},
duration: "Jan 2022 - Aug 2022",
bulletPoints: [
"Provided math tutoring to students from elementary through high school, covering a range of topics from basic algebra to college-level calculus, using personalized teaching strategies.",
"Designed and directed individualized learning plans, tailoring math topics evaluation to enhance understanding and improve performance in their school math classes."
],
hashtags: [
"Calc 1-2",
"Algebra 1-3",
"Discrete Math",
"Statistics"
]
}
]
// --- 💻 Work Section ---
const works = [
{
projectName: "EdTech AI Tool",
yearCompleted: "2024",
description: "Developed an educational tool in collaboration with a peer, to rethink the college student and AI interaction. With a core principle to enhance learning and personal growth. Responsible for UI, UX, and DB management with ongoing goal to complete version 1.0 in December 2024.",
techStack: "Python, Vue.js",
links: [
// {
// label: "",
// type: "git",
// url: "#"
// },
// {
// label: "",
// type: "external",
// url: "#"
// }
],
imageLink: "images/version_edtech_pic.png",
alignLeft: false
},
{
projectName: "Open-Source Developer Portfolio",
yearCompleted: "2023",
description: "Designed and developed an open-sourced single page application template to help web developers create visually appealing personal portfolios, focusing on ease of use and customization. Built with Vue.js, JS, HTML, Tailwind CSS, the project achieved 27 stars and 14 forks on GitHub.",
techStack: "Vue.js, JS, HTML, Tailwind.css",
links: [
{
label: "",
type: "git",
url: "https://github.com/feifyKike/webdev_portfolio"
},
{
label: "",
type: "external",
url: "https://feifykike.github.io/webdev_portfolio"
}
],
imageLink: "images/webdevportfolio_pic.png",
alignLeft: true
},
{
projectName: "TrackYourSubs IOS App",
yearCompleted: "2022",
description: "An IOS app to track you subscriptions and expenses, all the while presenting in a clean and professional look with a load of features. Some of the more evident features are: Budgeting (monthly / yearly option available), Current monthly & yearly total expense at a glance, Custom suggestions to meet budget, Organize (Categorization & Importance) and filter through subscriptions, Reminders via scheduled notifications, Stats page: pie chart visual, bar chart visual, and streak indicator.",
techStack: "Swift, SwiftUI",
links: [
{
label: "",
type: "git",
url: "https://github.com/feifyKike/TrackYourSubsDemo/"
},
{
label: "",
type: "external",
url: "https://youtu.be/KsTx-F70OOk"
}
],
imageLink: "images/tracksubs_pic.png",
alignLeft: false
},
{
projectName: "Personal Portfolio App",
yearCompleted: "2021",
description: "Built a dynamic, live-editable personal portfolio website with an admin dashboard for real-time updates. Developed using Django (Python) for the backend, and HTML, CSS, and JavaScript for the frontend, following the MVC architecture, which enhanced my full-stack development skills.",
techStack: "Django, Python, HTML, CSS, Bootstrap4, JS",
links: [
{
label: "",
type: "external",
url: "https://site--maximshelepov--6tkhqqjrq9c5.code.run"
}
],
imageLink: "images/portfolio_pic.png",
alignLeft: true
},
// {
// projectName: "Sudoku Game & Solver",
// yearCompleted: "2021",
// description: "Built a Sudoku game UI incorporating the Java Swing library. Randomly generates a Sudoku puzzle and solves itself using the backtracking algorithm written in Java..",
// techStack: "Java",
// links: [
// {
// label: "",
// type: "git",
// url: "https://github.com/feifyKike/sudokusolver"
// },
// {
// label: "",
// type: "external",
// url: "https://youtu.be/lXOjOrjf5hU"
// }
// ],
// imageLink: "images/sudoku_pic.png",
// alignLeft: false
// },
// {
// projectName: "Trivia Quiz",
// yearCompleted: "2020",
// description: "Interested in taking a fun and interactive pop quiz? Using the HTML, CSS3, JavaScript, and jQuery I created a quiz that can be taken on numerous topics of your choice and gives instant feedback. The entire project is built mostly on JavaScript and all the functionality and events are controlled through functions such as ReadDisplay and Validate. The HTML portion of the online quiz only serves as the skeleton and template for elements that will be created via JS.",
// techStack: "JS, HTML, CSS",
// links: [
// {
// label: "",
// type: "git",
// url: "https://github.com/feifyKike/JS-API-Quiz"
// },
// {
// label: "",
// type: "external",
// url: "https://codepen.io/Max_the_coder/pen/yLXZOYL" //https://codepen.io/Max_the_coder/pen/yLXZOYL
// }
// ],
// imageLink: "images/trivia_pic.png",
// alignLeft: true
// },
// {
// projectName: "Coronavirus Report",
// yearCompleted: "2020",
// description: "Created a program that displays up-to-date COVID-19 data and shows results in a graphical / visual representation. Coded with the Python programming language and libraries such as Matplotlib, Requests, and CSV.",
// techStack: "Python",
// links: [
// {
// label: "",
// type: "git",
// url: "https://youtu.be/gw5kb1QKVp0"
// },
// {
// label: "",
// type: "external",
// url: "https://github.com/feifyKike/Covid-Cases-Visual"
// }
// ],
// imageLink: "images/covid_pic.png",
// alignLeft: false
// }
]
const archiveLink = "https://github.com/feifyKike?tab=repositories"
// --- 📭 Contact Section ---
// 2 Options available - Choose 1
const contact = {
externalLink: {
shortTitle: "Get in Touch",
note: [
"Actively seeking full-time software development positions as a May 2025 graduate.",
], // paragraph breaks will be entered after each item,
link: {
email: "[email protected]", // email takes precedance
other: "https://forms.gle/W3MswTKsPWMxEbn58"
},
responseTimeMessage: ""
},
formEmbedLink: "" // inclusion of this link will take precedance
}
export default {
colors,
transitions,
splashScreen,
greeting,
socialMediaLinks,
about,
experiences,
works,
archiveLink,
contact
}