ethanvert.github.io/alexa.html at main · ethanvert/ethanvert.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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Alexa Facts Skill Blueprint</title>
    <link rel="stylesheet" href="./css/styles.css">
    <link rel="stylesheet" href="./css/project.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>

    <header>
        <div class="header-container">
            <h1><a href="index.html">Ethan Vertal</a></h1>
            <nav>
                <div class="menu-icon" onclick="toggleMenu()">
                    <i class="fas fa-bars"></i>
                </div>
                <ul id="nav-links" class="nav-links">
                    <li><a href="index.html#about-me">About Me</a></li>
                    <li><a href="resume.html">Resume</a></li>
                    <li><a href="index.html#projects">Projects</a></li>
                    <li><a href="index.html#contact">Contact</a></li>
                    <li><a href="./assets/Ethan_Vertal_Resume_Oct24.pdf" download>Download My Resume (PDF)</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <div class="container">
        <section class="section" id="project">
            <h2>Alexa Facts Skill Blueprint</h2>
            <div class="project-content">
                <img src="./assets/alexa_image.webp" alt="Alexa Facts Skill Blueprint" class="project-image">
                <p>
                    I built and wrote the documentation for this Alexa API blueprint website for my internship a couple of summers ago. This was a challenging project because I had very little programming experience prior to. I learned Groovy, APIs, requests, website security principles, and more in one summer.
                </p>
                <p>
                    This blueprint attracted interest and is used from the company's existing major enterprise customers like Papa John's, Marriott, and more.
                </p>
                <<div class="challenges-takeaways">
                    <div class="challenges">
                        <h4>Challenges</h4>
                        <ul>
                            <li>Adjusting to daily scrums, learning how to use GitHub, onboarding with company technologies.</li>
                            <li>Maximizing space and time efficiency for scalable enterprise use.</li>
                            <li>Working within the AWS console and learning cloud computing principles.</li>
                        </ul>
                    </div>
                    <div class="takeaways">
                        <h4>Takeaways</h4>
                        <ul>
                            <li>This project made working with other new technologies feel easier.</li>
                            <li>Speed is key when it comes to content generation. I developed my skills in optimizing APIs and content delivery mechanisms.</li>
                            <li>I gained intuition about algorithms and data structures, setting me up to understand them better in CMU's CS department.</li>
                        </ul>
                    </div>
                </div>
                <h3>Technologies Used:</h3>
                <ul>
                    <li>Amazon Alexa</li>
                    <li>CrafterCMS</li>
                    <li>Headless CMS</li>
                    <li>API Integration</li>
                </ul>
                <h3>Learn More:</h3>
                <ul>
                    <li><a href="https://craftercms.com/marketplace/alexa-facts-skill-blueprint" target="_blank">Visit the Project Page</a></li>
                    <li><a href="https://github.com/craftercms/alexa-blueprint" target="_blank">Visit the Project GitHub</a></li>
                </ul>
            </div>
        </section>
    </div>

    <footer>
        <p>You can reach me at <a href="mailto:ethan.vertal@gmail.com">ethan.vertal@gmail.com</p>
    </footer>

    <script src="./js/script.js"></script>

</body>
</html>