Background Paths
Background Paths

|

Attempt Hire admin dashboard overview

A full-stack interview automation platform designed to streamline candidate assessments for hiring teams. Admins can create roles, build interview sets, manage questions, and send secure interview links to candidates. Candidates complete video-based interviews directly in the browser without authentication, while recordings are securely stored and reviewed by admins. Built with Next.js App Router, React, Tailwind CSS, and Supabase for database, authentication, and video storage.

Next.js 16 (App Router)React 19TypeScriptTailwind CSSRadix UISupabase (DB, Auth, Storage)Zod (Schema Validation)Three.js (Animated Backgrounds)
Attempt Job platform showing remote roles and an apply form

A role-first job prototype that lets candidates browse featured remote roles, submit a résumé without creating an account, and receive curated matches by email. Built with Next.js 14 (App Router) and React 18, styled with Tailwind and shadcn/ui, and powered by Supabase (Postgres + Storage) for form submissions and secure CV uploads. Deployed on Vercel with GitHub CI, type-safe components, and accessibility-minded UI.

Next.js 14React 18TypeScriptTailwind CSSshadcn/uiSupabase (DB + Storage)Vercellucide-react Icons
Snippet 1 – Inside stage page

A cinematic, stage-based single-page experience built with React + TypeScript + Vite. Features fullscreen video stages (placeholder-ready), ambient parallax motion, smooth scene navigation, and a premium dark UI with neon accents.

ReactTypeScriptViteTailwind CSSRadix UITanStack React QueryReact RouterSonnerThree.jsLucide React
Attempt Treats meals page showing chops and fruits

A responsive meal ordering web application with a focused menu for chops and fruits. Users can browse items, add them to a cart, and place orders through a smooth checkout flow. Built with React for the UI and Redux Toolkit for predictable global state management. Meal data and orders are handled via Firebase Realtime Database using RESTful requests, while the frontend is deployed with Firebase Hosting.

React 18Redux ToolkitJavaScript (ES6+)CSS / CSS ModulesFirebase (Realtime Database & Hosting)
Attempt AI landing page hero with animated background and glowing type

A modern AI SaaS landing page with a cinematic, animated hero (raindrops, lightning, bubbles) and a typing+glow effect on the brand title. The primary CTA smoothly scrolls to the signup section, followed by social proof and a mobile-first footer with newsletter and socials. Built with Next.js App Router, TypeScript, TailwindCSS, and shadcn/ui, with careful layering (pointer-events/z-index) to keep animations buttery and the UI fully interactive.

Next.js (App Router)React 18TypeScriptTailwind CSSshadcn/uiLucide IconsCustom CSS AnimationsVercel (Hosting)
Attempt Autos project coming soon

Next.js 14 App Router car-rental platform with Payload CMS for vehicle catalog, server actions for bookings, SSR/SSG for SEO, and Tailwind + MUI UI. Features image optimization, auth/session cookies, and optimistic updates for a snappy booking flow.

TypeScriptReact 18Next.js 14 (App Router)Tailwind CSSMUIPayload CMSZod (validation)PWA-ready
Attempt Space project featuring crew member profiles and space mission interface

An immersive space tourism web application featuring crew profiles, mission destinations, and cutting-edge space technology. Built with React Router for seamless navigation and Framer Motion for stellar animations. The app showcases detailed crew member profiles including mission specialists, with interactive elements and a sophisticated dark space theme with starfield backgrounds.

ReactReact Router v6Tailwind CSSFramer MotionJavaScript (ES6+)Vercel (Deployment)
Yum Hub landing page screenshot

A beautifully designed, static landing page for a meal‐delivery service showcasing how Yum Hub works, meal selections, testimonials, pricing tiers, and a lead capture form.

HTML5Sass/SCSSJavaScript (ES6+)Netlify
Snippet 1 -choropleth

Output images constructed from real time data sets with codes used in training AI models to fit criteria

ReactTypeScriptAPI IntegrationsPerformance
Screenshot of John Tasie's portfolio site

A junior developer's portfolio site showcasing skills, projects, testimonials, and a contact form. Built with semantic HTML, SASS for styling, and vanilla JavaScript (plus small animation and carousel libraries) to create smooth scroll‐reveal effects, responsive design, and interactive elements. Hosted on Netlify with Netlify Forms powering the contact section.

HTMLSASSJavaScriptAOS (Animate On Scroll)SwiperJS CarouselNetlify (Hosting & Forms)
QRCode Generator project showing new version currently in progress
Under Reconstruction

QR Code generator with automated forms to generate Plain Text, Wifi or vCard. Project developed with the main objective of studying the Vue.js library. 🚧 Currently under reconstruction - New features and improvements coming soon!

vuetypescriptvitetailwindcssqrcodetailwindcss-formlucideicons
Screenshot of the Dice Game interface

A simple dice‐rolling game for two players. Built with semantic HTML, SASS for styling, and vanilla JavaScript to handle game logic: roll random dice values, update player scores, and determine the winner. Features responsive design and smooth dice‐roll animations. Hosted on Netlify.

HTMLSASSJavaScript