-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathemail.html
80 lines (71 loc) · 4.8 KB
/
email.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alec Morris Porfolio Website</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css"
integrity="sha256-46qynGAkLSFpVbEBog43gvNhfrOj+BmwXdxFgVK/Kvc=" crossorigin="anonymous" />
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400,900|Source+Sans+Pro:300,900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<div class="logo">
<img src="img/logo.jpeg" alt="">
</div>
<button class="nav-toggle" aria-label="toggle navigation">
<span class="hamburger"></span>
</button>
<nav class="nav">
<ul class="nav__list">
<li class="nav__item"><a href="index.html" class="nav__link">Home</a></li>
<li class="nav__item"><a href="index.html#services" class="nav__link">My Services</a></li>
<li class="nav__item"><a href="index.html#about" class="nav__link">About me</a></li>
<li class="nav__item"><a href="index.html#work" class="nav__link">Projects</a></li>
</ul>
</nav>
</header>
<!-- Introduction -->
<section class="intro">
<h1 class="section__title section__title--intro">
Web Scraper<strong><a href="https://github.com/alecmarkmorris/Power-Ball-API" target="_blank">Power Ball Results</a></strong>
</h1>
<p class="section__subtitle section__subtitle--intro">HTML, CSS, JavaScript, Node.js, Express.js, Axios, CORS</p>
<img src="img/powerball.png" class="intro__img" alt="Calculator Website">
</section>
<div class="portfolio-item-individual">
<p>As a passionate computer scientist, I recently undertook the exciting project of building a Powerball Results Web Scraper, showcasing my skills in JavaScript, HTML, CSS, Node.js, Express.js, Git, and GitHub. This powerful tool is designed to efficiently gather up-to-date Powerball drawing results from various online sources.</p>
<p>The frontend of the application is crafted using a clean and intuitive HTML/CSS interface, providing users with a seamless experience. Leveraging the capabilities of JavaScript, the frontend dynamically interacts with the backend to display real-time results.</p>
<p>Node.js serves as the backbone of the project, handling server-side operations with speed and precision. Express.js is utilized to create a robust and scalable web application framework, ensuring a smooth flow of data between the frontend and backend components.</p>
<p>To facilitate version control and collaborative development, the entire project is hosted on GitHub. This allows for easy tracking of changes, seamless collaboration with other developers, and a transparent history of the development process.</p>
<p>Cyclic, a task scheduler for Node.js, plays a key role in automating the scraping process. It ensures periodic updates of Powerball drawing results, keeping the application's data fresh and accurate. Git is employed for efficient version control, allowing for easy rollback to previous states and collaboration with other developers.</p>
<p>This Powerball Results Web Scraper not only demonstrates my proficiency in various web technologies but also showcases my ability to create a comprehensive and reliable tool for retrieving and presenting critical information. It stands as a testament to my commitment to excellence in computer science and web development.</p>
</div>
<!-- Footer -->
<footer class="footer">
<a href=mailto:alecmarkmorris@gmail.com?subject=Portfolio%20Website class="footer__link">alecmarkmorris@gmail.com</a>
<ul class="social-list">
<li class="social-list__item">
<a class="social-list__link" href="https://github.com/alecmarkmorris" target="_blank">
<i class="fab fa-github"></i>
</a>
</li>
<li class="social-list__item">
<a class="social-list__link" href="https://www.linkedin.com/in/alec-morris-a91050274/" target="_blank">
<i class="fab fa-linkedin"></i>
</a>
</li>
<li class="social-list__item">
<a class="social-list__link" href="https://leetcode.com/Alecmarkmorris/" target="_blank">
LeetCode
</a>
</li>
</ul>
</footer>
<script src="index.js"></script>
</body>
</html>