diff --git a/Pictures/adverience.png b/Pictures/adverience.png new file mode 100644 index 0000000..018da04 Binary files /dev/null and b/Pictures/adverience.png differ diff --git a/Pictures/express.png b/Pictures/express.png new file mode 100644 index 0000000..59991aa Binary files /dev/null and b/Pictures/express.png differ diff --git a/Pictures/firebase.png b/Pictures/firebase.png new file mode 100644 index 0000000..8ade0a2 Binary files /dev/null and b/Pictures/firebase.png differ diff --git a/Pictures/htmlcss.png b/Pictures/htmlcss.png new file mode 100644 index 0000000..8a56741 Binary files /dev/null and b/Pictures/htmlcss.png differ diff --git a/Pictures/java.png b/Pictures/java.png index 678e4a9..d710738 100644 Binary files a/Pictures/java.png and b/Pictures/java.png differ diff --git a/Pictures/javascript.png b/Pictures/javascript.png new file mode 100644 index 0000000..9f14862 Binary files /dev/null and b/Pictures/javascript.png differ diff --git a/Pictures/jumpplus.jpeg b/Pictures/jumpplus.jpeg new file mode 100644 index 0000000..a76ba2f Binary files /dev/null and b/Pictures/jumpplus.jpeg differ diff --git a/Pictures/nextjs.svg b/Pictures/nextjs.svg new file mode 100644 index 0000000..50ccbbd --- /dev/null +++ b/Pictures/nextjs.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/Pictures/react.png b/Pictures/react.png new file mode 100644 index 0000000..4320d59 Binary files /dev/null and b/Pictures/react.png differ diff --git a/Pictures/sql.svg b/Pictures/sql.svg new file mode 100644 index 0000000..8fb8fa3 --- /dev/null +++ b/Pictures/sql.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Pictures/unity.png b/Pictures/unity.png new file mode 100644 index 0000000..ff5776a Binary files /dev/null and b/Pictures/unity.png differ diff --git a/index.html b/index.html index 1e2a329..166a8a6 100644 --- a/index.html +++ b/index.html @@ -1,75 +1,243 @@ - - - - - Ethan's Github - - - - github logo - linkedin logo - gmail logo - my profile picture -

Ethan Cook

- -

My Programming Languages

-
- C Logo - C# Logo -
- Python Logo - Java Logo -
-
-

• C: I've been coding in this language since 2018. Mostly for school related projects. In this language I learned most of my essential skills in programming. Functional programming, abstract data types such as Linked Lists, Binary Search Trees, Stacks, etc. I learned about recursion, memory models, pointers, sorting algorithms, and more.

-

• C#: My personal favourite language. I have been using this one since 2019 and have done a lot with it. This language introduced me to object oriented programming and had me go much more in depth with APIs and documentation. I have made Windows Forms Apps with Visual Studio like the polynomial factorer, and I have programmed 3D video games with Unity using their API like the Telepuzzle game.

-

• Python: Starting in 2018 this was my introduction to programming. This language is particularly important to me because it is what made me appreciate the simplicity of C so much more. Of course this language is the easiest to code in, but the syntactic sugar gets a little too sweet for me somtimes. However I am proficient with python and made things like discord bots using the discord.py API.

-

• Java: Even though I've just started using this language in 2022 I have been using C# since 2019 and these languages are really quite similar. I learned this language for my Software Design class where we used Java to go more in depth with OOP, SOLID principles, Design Patterns, etc. My most notable project in Java is developing an android application.

-

• HTML/CSS/JS: These languages are actually my introduction to coding as a whole. I've technically been using these languages since 2016. I've just made some simple websites like this one here.

-
-

My Projects

- -
- -

Cosmotica

-

Cosmotica is the debut title of my indie game companyMarbie Games. I worked as the director, programmer, UI/UX designer, and level designer on the game. It was developed in Unity and programmed in C#. The game features physics-based movement, an incredible soundtrack, 30 levels, a save feature that saves your settings and progress, and steam integration with in-game leaderboards and achievements.

-

Cosmotica can be found on itssteam page.

-
- -
- course planner home screen -

UTSC Course Planner

-

UTSC Course Planner was created as a university project in my Software Design class. It is an android application developed using Android Studio and Java to help UTSC students plan their courses. Simply specifcy which courses you have taken and which courses you want to take, and our app will provide you with a timetable.

-

This project was a collaborative effort of myself and four other students to work together using the Agile Scrum framework to create an app in a process that emulates the industry standard. The app was designed with SOLID principles in mind to be easily extendable and maintainable.

-

We used Google's Firebase Realtime Database and Authentication to store and sync our data across devices and to authenicate users.

-

Although each group member touched every part of the project at some point, my role in the project was largely Backend and Backend-UI integration. I created an API that communicated with the database to get the data needed so that integrating the backend to the UI would be a breeze and there would need to be little to no logic in the frontend.

-
- -
- screenshot from my telepuzzle game -

Telepuzzle

-

I made this game in Unity in around 4 days of work for the Unity Developer Community Game Jam. The theme was teleportation so I made a puzzle game where you are in a level trying to get to a seemingly unobtainable exit. However, you have a gun that can teleport objects around the level to solve the puzzles or make your own way out. The game has a good handful of levels that should not take very long to complete and it features a timer system for speedrunning. It's really fun to play around with the physics and try to break the game.

-

You can download the game atitch.io or view the source code of my scripts inthis github repository.

-
- -
- profile of my discord bot -

Discord Bot

-

This bot was written in python using the discord.py API. I made it for fun just to test out and learn some more about python as well as asyncronous coroutines in code. This bot can do things like add numbers, roll dice, direct message users, kick users (and create invites to bring them back), and even knows ping pong. I have actually created a discord bot in C# as well using the DSharpPlus API, but the code for that bot was unfortunately lost. But that one could join into voice channels and stuff.

-

The source code for this bot can be found inthis github repository.

-
- -
- my polynomial factorer app -

Polynomial Factorer

-

This Windows Forms App was coded using the C# .NET framework to help me with my math homework back in high school. You simply enter in the coefficients of your polynomial into the text box and the program will find the roots. This saved me so much time in math class because we would have to guess and check roots for higher-degree polynomials and that can take a while. Sure symbolab or wolfram alpha exists but I did not know this at the time and I learned a lot about OOP on my own coding this program.

-

The entire Visual Studio project for this can be found inthis github repository.

- -

-

If you would like to see more of my projects or get in contact with me, the top right corner of this webpage has links to my Github repositories, my LinkedIn profile, as well as my email address. Thank you for visiting!

-
- - + + + + + + + + Ethan's Github + + +
+
+
+ Deer Profile Picture +

Ethan Cook

+
+ +
+
+
+
+

About

+

I am a 3rd year Computer Science student at University of Toronto Scarborough with a focus on Software Development. Passionate in developing scalable, high quality web and games software with readable, optimized, and well tested code. In my spare time, my main hobby is music. I play Trombone and Piano, and enjoy most to play jazz music.

+
+
+

Skills

+
    +
  • + 5+ years experience programming in C/C++, C#, Java, Python, HTML/CSS, JavaScript +
    • +
  • + Solid Full-Stack Web Development experience with React/Next.js frontend, Express.js backend API +
    • +
  • + Experienced in SQL (MySQL, SQLite) and NoSQL (Firebase, MongoDB) databases +
    • +
  • + Strong DevOps skills with AWS: API Gateway, Lambda, EC2, S3, CodePipeline +
    • +
  • + Effective communication for working in collaborative groups +
    • +
+
+
+

Work Experience

+
+
+
+ adverience logo +
+
+
+
+

advertience Inc. | Ad Analytics Developer

+

05/2023 - Present

+
+

Toronto, ON.

+
    +
  • + Implemented analytics tracking via Google Tag Manager and gtag.js on client's websites, resulting in a 30% +improvement in data accuracy, empowering clients to execute data-driven marketing strategies +
    • +
  • + Developed a unique attribution system to differentiate my agency from the competition, which led to the +agency taking on several new clients, beating last year’s profit records by 10% +
    • +
  • + Created a full-stack web application to help nonprofit organizations create customized donation pages with +optimized payment forms, resulting in an over 25% increase in donation conversions for our clients +
    • +
+
+
+
+
+
+

Jump+ | Sales Associate

+

05/2021 - 01/2023

+
+

Hamilton, ON.

+
    +
  • + Collaborated within a sales team to achieve a 20% increase in Apple product sales, leveraging effective +communication and product knowledge to drive customer engagement and satisfaction +
    • +
  • + Orchestrated seamless store operations by coordinating with team members to assign tasks and optimize workflow on the sales floor, contributing to a 15% boost in overall store efficiency +
    • +
+
+
+
+ jump+ logo +
+
+
+
+
+

Projects

+
+
+
+ +
+
+
+
+

Cosmotica | Unity 3D Game Development

+

01/2022 - 09/2022

+
+
    +
  • + Led a team of 6 to program, design, compose, model, and market a full video game +
    • +
  • + Programmed a game written in C# for the Unity game engine, with a focus on readable and scalable code +and systems design for future additions and bug fixes +
    • +
  • + Designed levels and UI while applying user feedback to get the best user experience +
    • +
  • + Published the finished product on Steam, the world’s largest online game storefront +
    • +
+
+
+
+
+
+

UTSC Course Planner | Android App Development

+

11/2022 - 12/2022

+
+
    +
  • + Collaborated with a team of 5 to develop an android app to help students plan their university courses +
    • +
  • + Used Google’s Firebase Realtime Database to store course and user data and authenticate users +
    • +
  • + Followed industry best practices using agile methodologies (scrum) +
    • +
  • + Received a grade of 95 though good planning, teamwork, and execution +
    • +
+
+
+
+ course planner demo +
+
+
+
+
+
+ telepuzzle demo +
+
+
+
+

Telepuzzle | Unity 3D Game Development

+

12/2022

+
+
    +
  • + Developed in 4 days for the Unity Developer Community Game Jam #16, with the theme "Teleportation" +
    • +
  • + Puzzle game where your goal is to get to the end of the level by manipulating the objects around you with your teleportation gun +
    • +
  • + Worked together with a 3D artist to create the game with fun gameplay and a unique art style +
    • +
+
+
+
+
+

Programming Languages, Tools, and Frameworks

+
+
+
+ c logo + c# logo + python logo + java logo + html and css logo + javascript logo +
+
+
+
    +
  • C/C++
    • +
  • C#
    • +
  • Python
    • +
  • Java
    • +
  • HTML & CSS
    • +
  • Javascript
    • +
+
    +
  • React
    • +
  • Next.js
    • +
  • Express.js
    • +
  • Firebase
    • +
  • SQL
    • +
  • Unity
    • +
+
+
+
+ react logo + next.js logo + express.js logo + firebase logo + sql logo + unity logo +
+
+
+
+
+
+
+ \ No newline at end of file diff --git a/style.css b/style.css index 7cf722f..70ef48e 100644 --- a/style.css +++ b/style.css @@ -1,63 +1,323 @@ body { - background-color: #093647; + background-color: #353535; + margin: 0; + height: 100vh; } -p { - color: white; - padding-left: 10px; - font-size: 20px; - font-family: Arial, Helvetica, sans-serif; +main { + display: flex; + flex-flow: column; + height: 100%; } -.bold { - font-weight: bold; - color: #92becf; +p, h1, h2, h3, h4, h5, h6, li { + color: #fff; + font-family: 'Roboto Slab', sans-serif; + margin: 0; } -h1 { - color: #9bcde2; - font-size: 60px; - font-family: Arial, Helvetica, sans-serif; -} - -h2 { - color: #658c9c; - padding-left: 10px; - font-size: 30px; - font-family: Arial, Helvetica, sans-serif; -} - -h2.sub { - color: #9bcde2; -} - -img { - margin: 10px; - margin-right: 20px; - border-radius: 8px; -} - -li { - color: lightgray; - padding-left: 10px; - font-size: 20px; - font-family: Arial, Helvetica, sans-serif; +p, li { + font-size: 1.5rem; } a { - color: #9bcde2; - padding-left: 10px; - font-size: 20px; - font-family: Arial, Helvetica, sans-serif; -} -a:hover { - color: #cdf0ff; -} -a:active { - color: #ffffff; + color: #ae00d1; + text-decoration: none; + transition: all 0.1s ease-out 0s; } -.block { - float: left; - padding-bottom: 10px; +a:hover { + color: #c500ec; +} + +a:active { + color: #d400ff; +} + +div.header { + display: flex; + flex: 0 1 auto; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + gap: 1rem; + padding: 1rem; + border-bottom: 0.25rem solid #fff; +} + +div.profile-name { + display: flex; + align-items: center; + gap: 1rem; + height: 5rem; +} + +div.profile-name img { + width: 5rem; + height: 5rem; +} + +div.profile-name h1 { + font-size: 3rem; + padding: 0%; +} + +div.social-media { + display: flex; + align-items: center; + gap: 1.5rem; +} + +div.social-media a img { + width: 3rem; + height: 3rem; + transition: box-shadow 0.2s ease-out 0s; +} + +div.social-media a img[src="./Pictures/gmail.png"] { + width: 3.7rem; + height: 3rem; + border-radius: 0.4rem; + transition: box-shadow 0.2s ease-out 0s; +} + +div.social-media a:hover img { + box-shadow: 0 20px 25px -5px rgb(255 255 255 / 0.1); +} + +img.profile-picture { + width: 10rem; + height: 10rem; +} + +div.content { + display: flex; + flex: 1 1 auto; + overflow-y: auto; + padding: 1rem; +} + +div.content > div { + display: flex; + width: 100%; + flex-flow: column; + gap: 1rem; +} + +div.section { + display: flex; + flex-flow: column; + gap: 2rem; + padding: 1rem; + border-radius: 0.5rem; + border: #18181800 0.15rem solid; + transition: all 0.25s ease-out 0s; +} + +div.section:hover { + border-color: #181818; + background-color: #414141; +} + +div.section h2 { + font-size: 2rem; + margin: 0%; +} + +div.languages-images { + width: 15%; +} + +div.languages-images div { + display: grid; + grid-template-columns: repeat(2, 50%); + gap: 1rem; +} + +div.languages-images img { + width: 100%; + height: 100%; + border: #00000000 0.15rem solid; + border-radius: 1rem; + transition: all 0.25s ease-out 0s; +} + +div.languages-images img:hover { + border: #fff 0.15rem solid; + background-color: #5a5a5a; +} + +ul { + margin: 0; +} + +li { + margin-top: 1rem; +} + +li li { + font-size: 90%; +} + +div.advertience-wrapper { + width: 20%; + padding: 1rem; + min-width: 7rem; +} + +div.advertience-wrapper > div { + position: relative; + width: 100%; + padding-bottom: 140%; +} + +div.advertience-wrapper > div > img { + position: absolute; + top: -0.6rem; + left: -0.6rem; + right: 0; + bottom: 0; + height: 100%; + width: 100%; + padding: 0.6rem; + background-color: #fff; + border-radius: 1rem; +} + +div.jump-wrapper { + width: 20%; + min-width: 10rem; +} + +div.jump-wrapper > div { + position: relative; + width: 100%; + padding-bottom: 100%; +} + +div.jump-wrapper > div > img { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + height: 100%; + width: 100%; + border-radius: 1rem; +} + +div.cosmotica-wrapper { + width: 50%; + min-width: 20rem; +} + +div.cosmotica-wrapper > div { + position: relative; + width: 100%; + padding-bottom: 56.25%; +} + +div.cosmotica-wrapper > div > iframe, div.cosmotica-wrapper > div > img { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + height: 100%; + width: 100%; + border-radius: 1rem; +} + +div.course-planner-wrapper { + width: 1%; + min-width: 10rem; +} + +div.course-planner-wrapper > div { + position: relative; + width: 100%; + padding-bottom: 197%; +} + +div.course-planner-wrapper > div > img { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + height: 100%; + width: 100%; + border-radius: 0.5rem; +} + +div.experience { + display: flex; + gap: 2rem; + flex-wrap: nowrap; +} + +div.experience-text { + flex-grow: 1; +} + +div.experience-header { + display: flex; + justify-content: space-between; + align-items: center; + gap: 1rem; +} + +.large-list li { + font-size: 2rem; +} + +@media only screen and (max-device-width: 700px) { + div.profile-name { + gap: 0.8rem; + height: 3rem; + } + + div.profile-name img { + width: 3rem; + height: 3rem; + } + + div.profile-name h1 { + font-size: 1.7rem; + } + + div.social-media { + gap: 1rem; + } + + div.social-media a img { + width: 2rem; + height: 2rem; + } + + div.social-media a img[src="./Pictures/gmail.png"] { + width: 2.5rem; + height: 2rem; + border-radius: 0.2rem; + } + + div.experience { + flex-flow: column; + } + + div.languages-images { + width: 100%; + } + + div.languages-images div { + grid-template-columns: repeat(3, 33%); + } + + div.cosmotica-wrapper { + width: 100%; + } + + .large-list li { + font-size: 1.5rem; + } } \ No newline at end of file