Tuba Younas
MERN & React Native Developer for scalable apps
New to Contra
Tuba is building their profile!
Planora — a smart task manager I built with React Native!
What started as a simple idea turned into a fully functional, production-ready app in just a few weeks…
✨ Why Planora stands out:
→ Stay organized with categories, due dates & priorities
→ Smart overdue detection with clear visual alerts
→ Real-time sync — no refresh, always up-to-date
→ Secure authentication powered by Firebase
🛠️ Built with:
⚛️ React Native + Expo
🔥 Firebase Auth
🗄️ Firestore (real-time DB)
🎨 NativeWind (Tailwind for RN)
🧭 React Navigation
💾 AsyncStorage
📦 EAS Build
💡 This project taught me more than just coding — from handling real-world edge cases to designing smooth user experiences across devices.
🎬 Check out the demo video below!
🔗 GitHub Repo: https://lnkd.in/dn7nUdJ8
0
5
Project title: NexusCore — Inventory Management System
NexusCore is a full-stack Inventory Management System built from scratch and deployed to production on Vercel. The system handles real-time stock tracking, store analytics, and user management — adaptable to any business type, demonstrated here with a medical equipment use case.
This project was built to close the gap between "runs on my machine" and "runs reliably in the cloud." That meant rearchitecting the Express backend for a serverless environment, configuring custom routing on Vercel, and replacing localStorage-based auth with HTTP-only cookies for proper session security.
What was built:
Real-time inventory tracking with stock-level updates and analytics
Secure user authentication using HTTP-only cookies
RESTful API with a serverless Node.js + Express backend
Persistent cloud database via MongoDB Atlas
Full deployment pipeline with custom routing on Vercel
Tech stack: React · Vite · Tailwind CSS · Node.js · Express (Serverless) · MongoDB Atlas · Vercel
Check it out and let me know what you think! 👇
🔗 Live App: https://lnkd.in/dipQEn8J
(https://lnkd.in/dipQEn8J)💻 Source Code: https://lnkd.in/dZKtwsrr
0
15
Shipped my developer portfolio. Here's what I actually built it with. 🧵
Most portfolios are templates. This one isn't.
I wrote every animation, every transition, and every interaction from scratch — no Framer Motion, no GSAP, no UI kits. Just React, Vite, and raw browser APIs.
The stack:
React 18 + Vite for the core. Pure CSS for all styling — no Tailwind, no component libraries. Full ownership of every pixel.
The animations people actually notice:
A live canvas background built with the Canvas API and requestAnimationFrame — the dot grid reacts to your cursor position in real time. Soft color blobs drift across the full page height using pure JavaScript. No dependencies. No shortcuts.
Project cards tilt in 3D based on mouse coordinates. A ripple burst fires on hover entry. Skill bars animate in on scroll. Every section fades up with staggered timing — all driven by IntersectionObserver, not a library.
The details that make it feel polished:
Scroll progress bar at the top. Spring-like back-to-top button. Contact form with live validation. Mixed typography — DM Serif Display for editorial headings, DM Mono for labels, DM Sans for body. Light minimal palette: stone, terracotta, forest green.
Everything is responsive. Everything is intentional.
If you're a recruiter or a team looking for a frontend or full-stack developer who genuinely cares about the craft — my inbox is open.
📩 tubayounas205@gmail.com
(mailto:tubayounas205@gmail.com)🔗 https://www.linkedin.com/in/tuba-younas
💻 https://github.com/itubayounas/
Portfolio Link:https://tuba-younas.vercel.app/
1
23
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.
0
27