Background Paths
Background Paths

|

Attempt Gadgets homepage storefront overview
Loading image...

A full-stack ecommerce platform built for discovering, filtering, and purchasing gadgets through a premium storefront experience. Customers can browse products by category and brand, manage cart and wishlist state, authenticate securely, and complete payments through Stripe checkout. The platform also features an AI-powered shopping assistant that helps users find products conversationally by asking for items like Apple gadgets, Samsung phones, or products within a budget, then returns matching items directly from the store catalog with links to the exact product pages. Sanity powers the CMS for products, categories, brands, banners, and storefront content, while Supabase handles authentication and application data such as profiles, addresses, orders, payments, reviews, and notifications. Built with Next.js 16 App Router, React 19, TypeScript, Tailwind CSS, Sanity, Supabase, Stripe, Zustand, Radix UI, and Groq AI integration.

Next.js 16 (App Router)React 19TypeScriptTailwind CSSRadix UISanity CMSSupabase (Auth, DB)Stripe PaymentsZustand State ManagementGroq AI Assistant
Attempt Signal dashboard overview
Loading image...

A full-stack stock tracking platform built to help users monitor market activity, explore stock details, and manage personalized watchlists in a clean, responsive interface. Users can search for stocks, view quotes, charts, market news, and symbol data, while authenticated users can save and manage watchlists backed by MongoDB. The platform also includes secure authentication, password reset flows, TradingView widgets, and background workflows for welcome emails and AI-generated daily market summaries. Built with Next.js, React, Tailwind CSS, Better Auth, MongoDB, Inngest, Finnhub, and Nodemailer.

Next.js 15 (App Router)React 19TypeScriptTailwind CSSRadix UIBetter AuthMongoDB + MongooseInngestFinnhub APINodemailer
Attempt Hire admin dashboard overview
Loading image...

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
Loading image...

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
Loading image...

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
Loading image...

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
Loading image...

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
Loading image...

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
Yum Hub landing page screenshot
Loading image...

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
Attempt Space project featuring crew member profiles and space mission interface
Loading image...

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)
Snippet 1 -choropleth
Loading image...

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
Loading image...

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
Loading image...
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
Loading image...

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