Hæ, I’m @Patrikur, a junior-level web developer. You can find the code for my current projects as well as my portfolio in this repository. Most of the pages are published with GitHub Pages. I included the links to every project within this documentation as well.
- Portfolio page
- Grotenburg-Supporters
- eNay - The Lazy Onlineshop
- Family Feud Browser Game
- Patflix - Netflix Replica
Portfolio page showcasing projects I'm currently working on or finished as well as my skill set and a bit of personal info about me.
Project created with:
- HTML5
- CSS3
- Vanilla JavaScript
- Fontawesome icon library
- GIPHY GIF database
- navigation bar relative to the position on the website
- on scroll animation for content boxes
- mobile version
Information page about current developments, sponsors, donators and media coverage of the nonprofit organization Grotenburg-Supporters which helps to restore the Grotenburg Stadium of my hometown football club KFC Uerdingen.
- HTML5
- CSS3
- Vanilla JavaScript
- Fontawesome library
- self created and maintained JSON databases (blog, media, shop, donators)
- landing page playing video in the background from the construction site
- blog site with entries as small cards looking like collection cards
- media site with the same design, categorised into regional and national coverage
- sponsors site showing logos of companies supporting the project
- donators site naming people financially supporting the project
- shop site showing products which can be ordered via email
- mobile version with a slider menu from top to bottom of the viewport
- loading animation showing the mascot of the club
- graphics and logo made by Armin Korf, part of the team behind the NPO
Showcase project of building an online shop with the twist that the shop doesn't want to have customers. Inspiration came from the independent video game There Is No Game. Put in several obstacles while trying to order as well as unattractive pricing and bad reviews.
Project created with:
- HTML5
- CSS3
- Vanilla JavaScript
- Fontawesome library
- Fake Store API
- Random User Generator API
- REST Countries API
- negative testimonials from a self-created array, person data fetched from Random User Generator API
- shipping list of countries from REST Countries API
- search bar which is refusing to give the user results
- product carousel on the landing page which loops through product range from both directions
- products are put into shopping cart via session storage, shopping cart is fetching product ID from it to determine products
- several alert popups which are telling the user that certain features do not work in this shop, messages created in a self-created array
- checkout process is made very complicated with a lot of unnecessary data to put into the forms, animation on form fields shall annoy and create a bad overview, a lot of required fields to check before checkout button works and reveals the final site
- mobile version
Recreation of the score- and gameboard from the German version of the gameshow Family Feud. Not working on mobile devices.
- full-screen browser game
- working with keyboard inputs
- calculating scores and maintaining the team's turns
- playing sounds from the German version of the show (not working yet)
- running on the imported array that can be modified for other quiz topics
A replica of the Netflix desktop website featuring my favorite films and series. Work in progress, not finished yet.
Project created with:
- React
- React-Hooks
- CSS3
- Fontawesome library
- The Internet Movie Database API
- JSON database of favorite films and series
- Menubar changing background on scrolling
- Hovering user settings and notifications dropdown menu
- Notifications dropdown fetching data from API
- Video carousel for different categories, fetching data from API
- Footer with randomlt generated service code when clicked on