repl.it
@Vandesm14/

Vandesm14

HTML, CSS, JS

No description

fork
loading
Files
  • index.html
  • images
  • script.js
  • style.css
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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Shane Vandegrift</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
		<div class="title-container">
			<h1 class="title">Shane Vandegrift</h1>
			<p class="subtitle">aka Vandesm14</p>
			<i class="arrow down"></i>
		</div>
		<div class="hr"></div>
		<!-- <div class="title-container-ghost"></div> -->
		<div class="content-list">
			<div class="content-row">
				<h1 class="content-title">About Me</h1>
				<p class="content-text">
					Hello! I am a 18 yo. MERN full-stack web developer. I have been programming for about 4 years now. I mostly work on interactive websites, full-stack utility applications, and a few games here and there. I am very diligent and I specialize in managing large ideas. I enjoy the frontend mostly as it's the end I first started with, but I can also manage the backend of a web application just as well (hence <i>Full Stack</i>).
					<br><br>
					You can find my blog here: <a href="https://blog.vandesm14.ml">https://blog.vandesm14.ml</a>
				</p>
			</div>
			<div class="content-row">
				<h1 class="content-title">Setup</h1>
				<p class="content-text">
					My setup looks a bit like this: VSCode for the IDE, Github for the source control, Fork for the git interface, ClickUp for the task management, and Heroku/Repl.it for the hosting services. It's a pretty common setup (although most use AWS instead of Heroku). The newest addition to my setup is an outliner called Dynalist.
				</p>
			</div>
			<div class="content-header">
				<h1 class="content-title">Projects</h1>
			</div>
			<div class="content-row">
				<h1 class="content-title">LowChat</h1>
				<p class="content-text">
					For a while on repl.it, there was a boom in shared chatroom applications. I decided to contribute to this explosion of popular chatrooms by creating my own. I made a super simple one which was a direct clone off of the Socket.io example with a few tweaks here and there. I then redid the server-side to support logless chatting, which made it super stable as there was no filesystem interaction. A few months later I wanted to make another chatroom which was secure, simple, and fast (everything that the other one wasn't in terms of code). I set out on developing LowChat, a super simple and a kind of wysiwyg application.
					<br><br>
					You can find the program here: <a href="https://chat.hyperjs.ml">https://chat.hyperjs.ml</a>
				</p>
			</div>
			<div class="content-row">
				<h1 class="content-title">Classaware.org</h1>
				<p class="content-text">
					During my first week of High School, I had a hard time adapting to the new bell schedule (I was still used to the one in middle school). I kept myself in the know by inserting the current period's end time into a countdown timer. This worked surprisingly well, except for the fact that is was not automated. I though to myself "Why can't this be automated? It's a super simple task, just countdown to the end of each period". So that's what I did. I have happily recieved tons of feedback and support from over 400 users. Despite number being a bit low (my high school has about 3,000 students + teachers), I know that this will grow over time as my app grows. Currently, I have been working hard to create a unified version for any school to use. This is still in the making, but it is definatly a promising concept!
					<br><br>
					You can find the program here: <a href="http://classaware.org">http://classaware.org</a>
				</p>
			</div>
			<div class="content-row">
				<h1 class="content-title">Blog</h1>
				<p class="content-text">
					A blog is a very important site to have if you're a developer. It's a great place to share your experiences and discoveries with the world. But a blog is not only important for a content creation experience, it's also a large step for learning full-stack development. I have tried 4 different times to create a custom blog which was right for me. Each time I'd create one, it'd either go silent after a week, or not be enough to suit my needs. My current blog, however, is a combination of research and planning to create the blog that I need. This new blog has sections which are basically just copied and pasted into the code. This blog marks the milestone in my career as a programmer because it's the first time I've used server-side dynamic rendering.
					<br><br>
					You can find my blog here: <a href="https://blog.vandesm14.ml">https://blog.vandesm14.ml</a>
				</p>
			</div>
		</div>
		<div class="footer-container">
			<p class="footer-text">Made by Vandesm14</p>
			<p class="footer-text">Header Photo by Émile Perron on Unsplash</p>
		</div>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="script.js"></script>
  </body>
</html>
result
console
?