# J Lopes Portfolio > Web Developer / Designer / Writer > Specializing in React, Astro, Wordpress, Docker, Analytics and modern web development > https://jlopes.eu ## About I'm J Lopes, creative Problem-Solver in between the realms of Design and Development. With a passion for (un)organized metholodogies and revelling on the chaotic orderly fashions of teamwork, I strive to achieve the fabled acme. Hey, like lightning striking twice in the same spot, it happens sometimes! **My Links**: - GitHub: https://github.com/offeringofpie - LinkedIn: https://www.linkedin.com/in/jpalopes/ ## Projects (15) ### Bamf URL: https://jlopes.eu/projects/bamf Browser based Comic Book file reader! Tags: vue, postcss, webpack Created: 17 Aug 2018 Links: https://github.com/offeringofpie/bamf, https://offeringofpie.github.io/bamf --- ### Steam Library Box Art URL: https://jlopes.eu/projects/css-only-steam-library-box-art Recreates Steam Library with layered gradients and CSS perspective. Tags: codepen Created: 15 Dec 2019 Links: https://codepen.io/offeringofpie/pen/ExagprG --- ### Gear Palette Animation URL: https://jlopes.eu/projects/css-only-gear-palette-animation Animated CSS gears rotate in a palette loop, simulating eternal motion. Tags: codepen Created: 12 Jan 2020 Links: https://codepen.io/offeringofpie/pen/yLyEBRw --- ### Markdown/WYSIWYG Converter! URL: https://jlopes.eu/projects/markdownwysiwyg-converter Converts between Markdown and WYSIWYG text in the browser. Tags: codepen Created: 22 Jun 2025 Links: https://codepen.io/offeringofpie/pen/bNdQVqX --- ### Colour Palette Generator URL: https://jlopes.eu/projects/colour-palette-generator Generates random color palettes interactively using HTML, CSS, and JavaScript. Tags: codepen Created: 15 Nov 2024 Links: https://codepen.io/offeringofpie/pen/oNKVKEg --- ### Daemon URL: https://jlopes.eu/projects/daemon Front-end to send and receive requests with a GPT-2 Cloud Run server. Tags: react, tailwind, docker Created: 18 Mar 2021 Links: https://github.com/offeringofpie/daemon-writer, https://daemon.jlopes.eu --- ### Meme Generator URL: https://jlopes.eu/projects/meme-generator Built with Vite, React, TailwindCSS and DaisyUI and a modified output of the imgflip.com API. Tags: react, vite, tailwind Created: 9 Sept 2022 Links: https://github.com/offeringofpie/memegen, https://memes.jlopes.eu/ --- ### Minesweeper URL: https://jlopes.eu/projects/minesweeper Minesweeper game written in javascript for training purposes. Tags: rxjs, postcss, webpack Created: 9 Dec 2017 Links: https://github.com/offeringofpie/minesweeper, https://offeringofpie.github.io/minesweeper/ --- ### Reader URL: https://jlopes.eu/projects/reader PDF viewer with text-to-speech capability. Built with Svelte. Tags: svelte, tailwind, snowpack Created: 26 Mar 2021 Links: https://github.com/offeringofpie/pdf-reader, https://reader.jlopes.eu --- ### Rock Paper Scissors URL: https://jlopes.eu/projects/rock-paper-scissors Rock Paper Scissors (Lizard Spock) Battle Simulator Tags: react, astro, tailwind Created: 17 Jan 2023 Links: https://github.com/offeringofpie/rock-paper-scissors, https://rps.jlopes.eu/ --- ### Skeuomorphic Boombox URL: https://jlopes.eu/projects/skeuomorphic-boombox Tape player interface that plays Chopin music with interactive controls. Tags: codepen Created: 26 Dec 2024 Links: https://codepen.io/offeringofpie/pen/ogveLjq --- ### Skifree URL: https://jlopes.eu/projects/skifree Skifree clone built in Javascript Tags: preact, rxjs, webpack Created: 10 Mar 2018 Links: https://github.com/offeringofpie/skifree, https://offeringofpie.github.io/skifree/ --- ### Spider parser URL: https://jlopes.eu/projects/spider-parser Spider is a powerful web article parser that transforms cluttered web pages into clean, readable content. Tags: astro, nextjs, react, tailwind Created: 19 Sept 2022 Links: https://github.com/offeringofpie/spider, https://spider.jlopes.eu/ --- ### Word Cloud Generator URL: https://jlopes.eu/projects/word-cloud-generator Creates word clouds dynamically and exports as an image. Tags: codepen Created: 8 Jun 2025 Links: https://codepen.io/offeringofpie/pen/PwqJbwO --- ### Text Fragment URL Generator URL: https://jlopes.eu/projects/text-fragment-url-generator Link directly to specific words or sections on any webpage with ease. Generate text fragment URLs that highlight your chosen text. Tags: codepen Created: 6 Aug 2025 Links: https://codepen.io/offeringofpie/pen/YPyQyex ## Writings (6) ### How to train your giant scorpion URL: https://jlopes.eu/writings/how-to-train-your-giant-scorpion Disclaimer: This is not an actual guide on how to train your giant scorpion.... Published: 7 May 2019 --- ### In Nihilum URL: https://jlopes.eu/writings/in-nihilum There is something lovely with the feeling you have while walking over wet soil, full of brown leaves and greenery and roots we try to avoid. It is soft, it moves with our weight. It’s almost as if we... Published: 27 Apr 2019 --- ### In the land of good samaritans URL: https://jlopes.eu/writings/in-the-land-of-good-samaritans Along the derelict pier, people from all walks of life could be seen, all wandering aimlessly.... Published: 21 Apr 2019 --- ### Purgatory URL: https://jlopes.eu/writings/purgatory They are gambling away their rights for eternal bliss, maybe to avoid being judged from actions they did in their past life. Little do they know it’s a fool’s quest. They fall perfectly in the trap wi... Published: 22 Jun 2019 --- ### Tartarus URL: https://jlopes.eu/writings/tartarus Cold. Damp. Dark. Two guards on each side hold me. I am weak. My feet dragged on the floor.... Published: 3 Sept 2019 --- ### The traveler's dilemma URL: https://jlopes.eu/writings/the-travelers-dilemma Two fifty-seven, points the Kit Cat Klock. Her office is deliberately designed so that even by itself, it can bring a sense of comfort and trust. This piece is her magnus opus, her effort to control t... Published: 7 Jun 2019 ## Contact - Website: https://jlopes.eu - Location: UK --- *Last updated: 27 Oct 2025* *Total Projects: 15 | Total Writings: 6*