-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
added gaming page with projects as boilerplate
- Loading branch information
Showing
1 changed file
with
123 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,123 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <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"> | ||
| <link rel="stylesheet" href="style.css"> | ||
| <script src="https://kit.fontawesome.com/b1ce3d391b.js" crossorigin="anonymous"></script> | ||
| <title>Gamig</title> | ||
| </head> | ||
| <body> | ||
| <div id = "navbar"> | ||
| <a href = "./index.html">HOME</a> | <a href = "aboutme.html">ABOUT ME</a> | <a href = "./projects.html">PROJECTS</a> | <a href ="./education.html">EDUCATION</a> | <a href = "contactme.html">CONTACT ME</a> | ||
| </div> | ||
|
|
||
| <h1 class = "primaryheader">GAMING INFORMATION</h1> | ||
| <h2 class = "primaryheader"><span id = "tab"></span>- My gaming account information and achievements</h2> | ||
|
|
||
| <div id = "projectsparentcontainer"> | ||
| <div class = "projectcontainer"> | ||
| <h2 class = "projectheader center">Xbox</h2> | ||
| <h3 class ="projectheader center">Gamertag: </h3> | ||
| <br> | ||
| <p> | ||
| Started as an intern in November, 2023. Helping build the front end and user interface for a new AI product. | ||
| <br> | ||
| Technologies used: | ||
| <ul> | ||
| <li> | ||
| Next.js | ||
| </li> | ||
| <li> | ||
| TypeScript | ||
| </li> | ||
| <li> | ||
| Tailwind CSS | ||
| </li> | ||
| </ul> | ||
| </p> | ||
| </div> | ||
| <div class = "projectcontainer"> | ||
| <h2 class = "projectheader center">HUNTwallet</h2> | ||
| <h3 class ="projectheader center">GitHub <i class="fa-brands fa-square-github"></i></a> code is private, but check the product out <a href = "https://www.huntwallet.com/" target = "_blank">here!</a></h3> | ||
| <br> | ||
| <p> | ||
| Started pro bono work as a junior developer in March, 2023 | ||
| <br> | ||
| Technologies used: | ||
| <ul> | ||
| <li> | ||
| Next.js | ||
| </li> | ||
| <li> | ||
| TypeScript | ||
| </li> | ||
| <li> | ||
| Vercel | ||
| </li> | ||
| </ul> | ||
| </p> | ||
| </div> | ||
| <div class = "projectcontainer"> | ||
| <h2 class = "projectheader center">Retreat App</h2> | ||
| <h3 class = "projectheader center">Link to code on <a href = "https://github.com/mkienbus/retreat-app" target = "_blank">GitHub <i class="fa-brands fa-square-github"></i></a></h3> | ||
| <br> | ||
| An in progress web application for users to create a login, register for retreats, and pay registration fees | ||
| <p> | ||
| <span id = "more"> | ||
| <ul> | ||
| <li> | ||
| Next.js front end, Supabase back end and database, and Stripe for payment processing | ||
| </li> | ||
| <li> | ||
| Utilizing Next.js to create a user friendly front end with Tailwind CSS integration | ||
| </li> | ||
| <li> | ||
| Utilizing Supabase to implement user authorization, validation, hash passwords, create sessions, and manage routing | ||
| </li> | ||
| <li> | ||
| Implementing a relational database with Supabase | ||
| </li> | ||
| </ul> | ||
| <br> | ||
| </span> | ||
| </p> | ||
| </div> | ||
| <div class = "projectcontainer"> | ||
| <h2 class = "projectheader center">Rezy</h2> | ||
| <h3 class = "projectheader center">Link to code on <a href = "https://github.com/stars/mkienbus/lists/rezy" target = "_blank">GitHub <i class="fa-brands fa-square-github"></i></a></h3> | ||
| <br> | ||
| A web application to make reservations and save favorite restaurants | ||
| <p> | ||
| <span id = "more"> | ||
| <ul> | ||
| <li> | ||
| React.js front end, Ruby on Rails back end, and PostgreSQL database | ||
| </li> | ||
| <li> | ||
| Utilized React to create a user friendly front end with MUI integration | ||
| </li> | ||
| <li> | ||
| Utilized Ruby on Rails to implement user authorization, validation, hash passwords, create sessions, and manage routing | ||
| </li> | ||
| <li> | ||
| Implemented a relational database with PostgreSQL | ||
| </li> | ||
| </ul> | ||
| <br> | ||
| <h3 class = "projectheader center">Video demo of project:</h3> | ||
| <br> | ||
| <iframe id = "video" width="560" height="315" src="https://www.youtube.com/embed/MTNXh3UKsq4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> | ||
| </span> | ||
| </p> | ||
| </div> | ||
| </div> | ||
|
|
||
| <script type = 'text/javascript' src = "./javascript/projects.js"></script> | ||
| </body> | ||
| <br> | ||
| <footer id = "footer"> | ||
| Find me on: <a target = "_blank" href = "http://www.github.com/mkienbus">GitHub <i class="fa-brands fa-square-github"></i></a> | <a target = "_blank" href = "http://www.linkedin.com/in/michael-kienbusch">LinkedIn <i class="fa-brands fa-linkedin"></i></a> | ||
| </footer> | ||
| </html> |