# Jordan Vale Product engineer turning complex ideas into calm, useful digital experiences. ## About me I'm Jordan Vale, a fictional product engineer created to show how Civvre presents a personal portfolio. This page is a ready-to-customize example, not a real person's website. I enjoy shaping simple interfaces for complex ideas, connecting design decisions with maintainable code, and making products easier for people to use. My example background spans front-end development, API design, and collaborative product work. Make this space your own: update the profile, experience, services, project examples, and images using the instructions in this project's README. Email: mailto:jordan@example.com GitHub: https://github.com/example LinkedIn: https://www.linkedin.com/in/example/ ## Example experience ### Northstar Studio https://example.com/ Fictional company · Remote ### Product Engineer January 2024 – Present Shaped and delivered accessible web experiences for a fictional product studio. ### Harbor Labs https://example.com/ Fictional company · Remote ### Frontend Developer January 2022 – December 2023 Built responsive interfaces and a component library for a fictional software team. ### Fieldnote Digital https://example.com/ Fictional company · Hybrid ### Web Developer January 2019 – December 2021 Developed editorial websites and content workflows for a fictional digital agency. ## Project examples ### Cube Tutor A free cube-learning app with a narrated tutor, an interactive 3D cube, and practical exercises. Seventeen lessons teach the beginner method in English and Brazilian Portuguese, with no account required. GitHub: https://github.com/lauroguedes/cube-tutor Demo: https://cubetutor.lauroguedes.dev/ ### Laravel Demo Mode A Laravel package that turns an application into a public playground with seeded data, scheduled resets, rotating credentials, and safeguards for a temporary demo environment. GitHub: https://github.com/lauroguedes/laravel-demo-mode ### Mobi Launch Premium Astro Template A paid Astro template for app launch pages, with responsive sections, light and dark themes, animated phone previews, and a configurable waitlist. Demo: https://mobi-launch.lauroguedes.dev/ Website: https://portal.astro.build/themes/mobi-launch/ ### Landpack Astro Template An open-source Astro landing page template for technical projects, with typed content, light and dark themes, developer documentation, and AI-assisted customization. GitHub: https://github.com/lauroguedes/landpack Demo: https://landpack.lauroguedes.dev/ ### Laravel SSO Starter Kit A self-hosted OpenID Connect provider built as a readable Laravel application, with OAuth 2.0, per-application roles, user management, sessions, and audit tools. GitHub: https://github.com/lauroguedes/laravel-sso Demo: https://sso.lauroguedes.dev/ ### MemorAi Built to solve a problem I had myself, content I consumed in English never became material I actually studied. The build became my deep dive into running AI agents in production. Demo: https://getmemorai.app/ ### AEON / SPACE: Cinematic Space Agency Template A cinematic, content-driven space agency website template built with Astro 6, React 19, Tailwind CSS 4, and Framer Motion. It combines an immersive landing page with typed Markdown archives for missions, reports, news, and launches. GitHub: https://github.com/lauroguedes/aeon-space-agency Demo: https://portal.astro.build/themes/aeon-space/ ### Lift Simulator 3D: Multi-Elevator Dispatch Simulation A real-time 3D building simulation with two working elevators, dynamic passengers, hall calls, capacity limits, and direction-aware dispatching. Built with React, Three.js, Zustand, and GSAP. GitHub: https://github.com/lauroguedes/Lift-Simulator Demo: https://lift-simulator-3d.vercel.app/ ### Wallai: AI-Powered Wallpaper Generator WallAI is a self-hosted AI wallpaper generator built with Laravel 13, Livewire 4, and the Laravel AI SDK. It supports OpenAI and Google for text and image generation, plus Ollama for local text models. GitHub: https://github.com/lauroguedes/wallai ### Passphrase Generator A cryptographically secure passphrase generator built with the EFF Dice-Roll Method. Generate memorable, high-entropy passphrases entirely in your browser. No data ever leaves your device. GitHub: https://github.com/lauroguedes/passphrase-gen Demo: https://diceware.lauroguedes.dev/ ### Templix - Professional Marketplace Template A production-ready marketplace for selling templates and digital products. Built with Astro, Keystatic CMS, and modern web technologies. Demo: https://templix.lwg.workers.dev/ Website: https://portal.astro.build/themes/templix-professional-marketplace-template/ ### 🌻 Bloomfolio Astro portfolio template with 🌼 Daisy UI. A modern, responsive, and customizable portfolio template built with Astro and DaisyUI. Perfect for developers, designers, and creatives to showcase their work and skills. GitHub: https://github.com/lauroguedes/bloomfolio Demo: https://bloomfolio-astro.vercel.app/ ### Aboutial A modern, flexible personal portfolio/about page built with Nuxt 4, featuring multiple social media-inspired layouts (Twitter/X, Instagram, LinkedIn), content management with Nuxt Content, and visual editing with Nuxt Studio. GitHub: https://github.com/lauroguedes/aboutial Demo: https://aboutial.vercel.app/ ### Code Tips Platform A centralized platform for storing and sharing code snippets, enabling developers to create, discover, and manage code examples across 100+ programming languages. Demo: https://codetips.cloud ### 3D Dice Roller: Interactive CSS Dice Animation An interactive Vue 3 dice roller that combines CSS 3D transforms with GSAP animation. Roll one to three dice, calculate totals, review previous results, and switch between responsive light and dark interfaces. GitHub: https://github.com/lauroguedes/3d-dice-roller Demo: https://3d-dice-roller-rosy.vercel.app/ ### Coin Counter: Multi-Currency Cash Calculator A responsive Vue 3 application for counting coins and banknotes across EUR, USD, GBP, and BRL. It calculates totals instantly in the browser, formats each currency correctly, and keeps the counting workflow fast on desktop or mobile. GitHub: https://github.com/lauroguedes/coin-counter Demo: https://coin-counter.lauroguedes.dev/ ### Mary UI Laravel Starter Kit A contemporary, production-ready Laravel starter kit with integrated Livewire Volt and Mary UI components. Designed to expedite web application development with pre-built authentication, user administration, and developer-friendly tooling. GitHub: https://github.com/lauroguedes/mary-ui-starter-kit Demo: https://mary-ui-sk.on-forge.com ### Screencial A web application enabling users to generate personalized, shareable screenshots for social media with customizable templates and design elements. Demo: https://screencial.art ## Example tech stack Technologies used to demonstrate this template's stack section. Astro · React · TypeScript · CSS · Node.js · PostgreSQL · Figma · Playwright ## What I do Example services for a product engineer. Replace them with your own offerings. ### Interface design A clear interface starts with understanding the problem. This fictional service shows how to present a concise design offering. ### Web development From a prototype to a production site, this example service describes accessible, maintainable web development. ### Workflow automation This sample offering demonstrates how to describe useful automation and integrations in plain language. ### Product insights This sample service focuses on measuring what matters and making product decisions from evidence. ## Get in touch This is a fictional contact section. Replace the sample email before publishing your portfolio. Email Jordan: mailto:jordan@example.com