The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
StudyAI — AI-Powered Study Assistant App
Built a full-stack mobile application using React Native (Expo) that helps students study smarter using artificial intelligence. The app allows users to upload notes, PDFs, or paste any text, and instantly generates quizzes, flashcards, and an interactive AI chat powered by the Grok API (xAI).
Key features I built:
Document upload with text extraction (PDF, DOCX, plain text)
AI-generated multiple choice quizzes from any study material
Flip flashcard system with spaced repetition logic (SM-2 algorithm)
Real-time AI chat interface with typing indicators and message animations
Firebase Firestore for cloud document storage and user session management
Custom animated UI built with NativeWind (Tailwind for React Native) and Expo Linear Gradient
Tech Stack: React Native · Expo SDK 54 · NativeWind · Firebase · Grok API · React Navigation · Expo Document Picker · React Native Reanimated
This project taught me how to integrate LLM APIs into a production mobile app, manage async file parsing on device, and design a smooth user experience with gesture-based interactions and animation systems.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
🧠 Pathora AI — AI Career Navigator Platform (Futuristic Career Development System)
Overview
Pathora AI is a next-generation AI-powered career development platform designed to help students, graduates, professionals, and career changers discover the right career path, build in-demand skills, and achieve long-term success with confidence.
Unlike traditional job portals that only list opportunities, Pathora AI works as an intelligent career navigator that analyzes users’ skills, interests, and goals to generate a personalized career roadmap.
It acts as a complete ecosystem for career growth, combining AI-driven assessment, skill gap analysis, resume building, interview preparation, and opportunity discovery into one unified experience.
Problem Statement
Most individuals struggle with career decisions due to:
Lack of clear direction after studies
Confusion about which skills to learn
Mismatch between education and job market demand
Difficulty in building strong resumes
Poor interview preparation
Limited awareness of career opportunities
No structured long-term career roadmap
These issues often lead to uncertainty, wasted time, and underutilized potential.
Solution
Pathora AI solves these challenges through an intelligent, AI-driven career system that guides users step by step.
The platform helps users to:
Discover suitable career paths based on personal profiling
Identify skill gaps and improvement areas
Build structured learning and career roadmaps
Generate ATS-optimized resumes
Practice interviews with AI feedback
Explore personalized job, internship, and scholarship opportunities
Track career growth with analytics and insights
Key Features
🤖 AI Career Discovery System Users complete an intelligent assessment covering interests, skills, personality, learning style, strengths, and goals. The AI processes this data to generate personalized career recommendations with match scores.
📊 Personalized Career Dashboard A smart dashboard that displays:
Career match percentage
Recommended career paths
Salary insights
Industry demand trends
Required qualifications
Growth potential
Everything is visual, interactive, and easy to understand.
🧭 AI Career Roadmap Generator Creates a step-by-step roadmap including:
Required skills
Certifications
Learning milestones
Internship suggestions
Career progression stages
This turns long-term goals into a clear actionable plan.
🧠 Skill Gap Analyzer Users can upload their resume or profile, and AI analyzes:
Existing skills
Missing skills
Industry requirements
Personalized learning recommendations
Includes visual insights like skill maps and progress tracking.
📝 AI Resume Builder An intelligent resume system that provides:
ATS-friendly resume generation
Professional templates
Real-time scoring
Smart improvement suggestions
Instant export options
🎤 AI Interview Coach A virtual interview preparation system featuring:
Mock interview sessions
AI-generated questions
Communication feedback
Confidence scoring
Performance reports
💼 Opportunity Hub A personalized discovery system for:
Jobs
Internships
Freelance work
Scholarships
Remote opportunities
Startup programs
All recommendations are AI-personalized.
📚 Learning Hub Suggests:
Courses
Certifications
Bootcamps
Structured learning paths
Includes progress tracking and achievement milestones.
📈 Career Analytics Dashboard Tracks overall growth:
Career readiness score
Skill development progress
Goal completion rate
Interview readiness level
Weekly performance insights
🤝 Community & Mentorship System A guided ecosystem for:
Mentor matching
Career discussions
Networking opportunities
Industry expert guidance
Success sharing
🤖 Floating AI Career Assistant Always available AI assistant that helps with:
Career advice
Resume feedback
Interview preparation
Roadmap creation
Goal planning
User Experience & Design
Pathora AI is designed with a premium futuristic interface featuring:
Dark themed glassmorphism UI
Neon blue, purple, and cyan gradients
Floating interactive cards
Smooth animations and transitions
Glowing AI elements
Highly responsive layout
Apple-level design detail
SaaS-grade modern aesthetics
The experience feels immersive, intelligent, and futuristic.
Technology Vision
Pathora AI represents a shift from traditional career platforms to AI-powered career intelligence systems.
It transforms career confusion into clarity by combining personalization, automation, and predictive insights into one powerful platform.
Impact
Pathora AI aims to empower users worldwide to make smarter career decisions, reduce uncertainty, and build structured paths toward success.
The vision is simple: Discover. Plan. Build. Succeed.
🔗 Live Prototype: https://reset-curve-55507946.figma.site/
Excellent
High-Fidelity Product Website with GSAP Animations & 3D Assets
I built a high-fidelity Apple website clone to explore advanced frontend animation, 3D rendering, and interactive UI techniques.
The project focused on recreating the premium feel of Apple’s product pages, including smooth transitions, scroll-based animations, and immersive visual storytelling.
I used React, TypeScript, and Tailwind CSS for the core application, along with GSAP to implement complex, performance-optimized animations. This included scroll-triggered sequences, parallax effects, and fluid transitions that closely match real-world production experiences.
To enhance the visual quality, I created and integrated custom 3D assets using Blender, enabling realistic product-style renders and dynamic motion effects that elevate the overall user experience.
The result is a highly polished, interactive frontend that demonstrates strong attention to detail, animation timing, and visual design.
While this was an exploratory project, it showcases my ability to build premium, animation-heavy interfaces and replicate production-grade experiences with a high level of accuracy.
Do you have a demo for your app? Interesting
I have absolutely loved using Figma's AI Agent since getting BETA access. I am using it to test visual concepts for my sports news site Undrafted.
I can't always visualize how things look by drawing wireframes so this helps me quickly finalize how I want things to look and it has been a game-changer.
I will then be attempting to use Claude Code to read the Figma files and then design that in Framer for me.
I have a feeling Framer will allow this to be done inside their own app with their next update, but if not, ill be ahead of it 😉
The visual direction is spot on 🔥 Everything feels cohesive and refined.
Challenges
View all
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?