# Bibek Bhattarai - Full Technical Profile & Context
> Senior Full Stack Developer, React/Next.js Expert, Python/Django & AI Solutions Engineer from Nepal.

## Coordinates
- **Name**: Bibek Bhattarai
- **Current Location**: New Baneshwor, Kathmandu, Nepal
- **Phone**: +977 9860425440
- **Email**: bbhattarai770@gmail.com
- **GitHub**: https://github.com/bibek1414
- **LinkedIn**: https://www.linkedin.com/in/bibek-bhattarai-292b90342/
- **Website**: https://www.bibekbhattarai14.com.np

---

## Technical Stack & Expertise
- **Frontend**: React.js, Next.js, TailwindCSS, JavaScript, TypeScript
- **Backend**: Node.js, Django, REST APIs
- **Database**: MongoDB, PostgreSQL
- **Tools & Cloud**: Git, GitHub, AWS (S3), Vercel
- **Other**: Responsive Design, State Management, Performance Optimization

---

## Professional Milestones & Work Experience
### Frontend Developer at Baliyo Ventures
- **Period**: May 2025 – Present
- **Description**: Developing and maintaining responsive web applications using React, Next.js, and TailwindCSS. Collaborating with cross-functional teams to design and implement interactive user interfaces. Contributing to Nepdora, a no-code website builder that allows users to drag and drop UI components to create fully functional websites. Built reusable and customizable components using Next.js and TailwindCSS. Implemented dynamic rendering of JSON-based UI configurations for a modular builder experience. Worked on real-time site preview, page management, and subdomain-based site deployment.

---

## Academic Credentials
- **Bachelor of Computer Science and Information Technology (BSc.CSIT)** — Hetauda City College (2019 – 2024)
- **Higher Secondary Education – Science (Physics, Mathematics)** — Makwanpur Multiple Campus (2017 – 2019)

---

## Commercial Roles & Deliverable Specifications
### Hire a Specialist Next.js & React Developer (Next.js Developer)
- **Role Category**: Fullstack Application
- **Typical Skills**: Next.js 15 (App Router), React Server Components (RSC), Server Actions & Middleware, SEO & Core Web Vitals, Turborepo & Monorepos, TypeScript
- **Capabilities & Deliverables**:
  - **SEO-First Architecture**: Static generation, metadata optimizations, and JSON-LD schemas generated out-of-the-box for top Google rankings.
  - **Optimized Load Speeds**: Zero-lag loads leveraging image optimization, code splitting, dynamic imports, and streaming server-rendered pages.
  - **Robust State & Data Flow**: Clean data mutation using Next.js Server Actions, optimistic UI updates, and type-safe schema validations.
- **Hiring FAQs**:
  - *Q: What version of Next.js do you use?*
    *A: I work with the latest Next.js 15 release, utilizing standard paradigms like the App Router, Server Components, and Server Actions.*
  - *Q: Can you optimize an existing Next.js site's performance?*
    *A: Yes. I analyze bundle size, network waterfalls, render blocks, and configure Vercel CDN routing to achieve green Lighthouse & Core Web Vitals scores.*

### Hire an Expert React.js Frontend Developer (React Developer)
- **Role Category**: Fullstack Application
- **Typical Skills**: React.js (v18/v19), Tailwind CSS, Framer Motion Animations, State Management (Redux/Zustand), TypeScript & ES6+, REST & GraphQL Client
- **Capabilities & Deliverables**:
  - **Pixel-Perfect Layouts**: Handcrafted responsive CSS and custom animation timelines that feel fluid, responsive, and modern.
  - **State Management & Caching**: Efficient local and global caching utilizing TanStack Query (React Query) to reduce server requests and provide zero-latency feel.
  - **Modular Design Systems**: Re-usable component libraries built with custom Tailwind structures and Radix primitives (similar to shadcn/ui).
- **Hiring FAQs**:
  - *Q: Do you build custom styling or use pre-made themes?*
    *A: I build fully bespoke styling using Vanilla CSS and Tailwind CSS, tailored directly to your Figma designs, avoiding bloated visual pre-mades.*
  - *Q: How do you handle responsive screens?*
    *A: I follow a mobile-first responsive grid system, verifying UI alignment across multiple real devices (mobile, tablets, laptops, widescreen monitors).*

### Hire an End-to-End Full Stack Software Developer (Full Stack Developer)
- **Role Category**: Fullstack Application
- **Typical Skills**: Next.js & React, Node.js (Express), PostgreSQL & MongoDB, Prisma ORM, Docker & Nginx, RESTful & WebSocket APIs
- **Capabilities & Deliverables**:
  - **Secure API Gateways**: Secure user authentication (JWT, Session tokens), middleware route protection, and sanitization of input payloads.
  - **Relational Schema Designs**: Structured database models built with PostgreSQL, optimized indexes, and type-safe prisma models for lightning-fast queries.
  - **CI/CD & Deployments**: Containerized application workflows using Docker and automatic deployment pipelines using GitHub Actions.
- **Hiring FAQs**:
  - *Q: Do you write unit and integration tests?*
    *A: Yes, I write tests for backend APIs (using Jest/Supertest) and frontend components to ensure code stability and prevent regression bugs.*
  - *Q: Which database do you recommend?*
    *A: I recommend PostgreSQL for relational, transactional business data, and MongoDB for flexible, unstructured document storage.*

### Hire a Backend Python & AI Solutions Developer (Python Developer)
- **Role Category**: AI Integration
- **Typical Skills**: Python 3, Django & Django REST Framework, FastAPI, AI/ML (TensorFlow, Scikit-learn), Data Processing (Pandas, NumPy), SQLAlchemy & Django ORM
- **Capabilities & Deliverables**:
  - **High Performance APIs**: Lightweight, async endpoints using FastAPI, or structured corporate backend applications leveraging Django.
  - **Data Pipelines & Automation**: Automated cron scripts, background task processing using Celery, and custom ETL pipelines for parsing raw files.
  - **AI & LLM Integrations**: Integrating OpenAI, local LLMs (Ollama), and vector databases to build smart semantic search or chat features.
- **Hiring FAQs**:
  - *Q: Can you integrate Python scripts into my existing Next.js web application?*
    *A: Absolutely. I often build Next.js frontends that communicate seamlessly with a Python microservice (FastAPI/Django) backend.*
  - *Q: Do you have experience with data scraping?*
    *A: Yes, I write custom parsers and scrapers using BeautifulSoup and Selenium, respecting rate-limits and robots.txt rules.*

### Hire a DevOps & Infrastructure Automation Engineer (DevOps Engineer)
- **Role Category**: Digital Systems
- **Typical Skills**: Docker & Docker Compose, AWS (EC2, S3, CloudFront), GitHub Actions / CI-CD, Nginx Config & SSL setup, Linux Server Hardening, Domain & DNS Routing
- **Capabilities & Deliverables**:
  - **Containerized Workflows**: Dockerizing applications to ensure consistency between local development and production cloud environments.
  - **SSL & Reverse Proxies**: Securing systems with Let's Encrypt SSL, setting up Nginx reverse proxy mappings, and preventing common server exploits.
  - **CI/CD Deployment Pipelines**: Automating tests and release triggers so your code compiles, tests, and deploys to production on every git push.
- **Hiring FAQs**:
  - *Q: Can you move my site from shared hosting to a secure VPS?*
    *A: Yes. I specialize in migrating applications onto cloud VPS platforms (AWS EC2, DigitalOcean, Hetzner) behind Nginx reverse proxies with automated SSL updates.*
  - *Q: How do you handle backups?*
    *A: I set up daily automated database dumps and media backups uploaded securely to offsite cloud storage (AWS S3) with retention policies.*

### Hire a Professional Freelance Web Developer (Freelance Web Developer)
- **Role Category**: Fullstack Application
- **Typical Skills**: Next.js & React, eSewa & Khalti Payments, Responsive UI/UX Layouts, SEO Optimization, SaaS Multi-tenant Setups, Ongoing Support & Maintenance
- **Capabilities & Deliverables**:
  - **Direct & Transparent Scope**: No corporate layers. Direct communication to outline milestones, delivery specs, and budget items.
  - **Local Payment Integrations**: Seamlessly integrate Nepalese payment systems (eSewa, Khalti, Fonepay, IME Pay) for digital business models.
  - **Handover & Documentation**: Receive full access to GitHub repositories, custom hosting configurations, and guides on how to manage the content.
- **Hiring FAQs**:
  - *Q: Do you charge by the hour or by project scope?*
    *A: I prefer project-based pricing with clear milestones, as it aligns our goals to deliver the best product without arbitrary hourly caps.*
  - *Q: Do you offer post-launch support?*
    *A: Yes, I offer monthly retainer support packages for hosting maintenance, security audits, and minor features updates.*

---

## Detailed Project Catalog
### Hamro Pasal E-commerce
- **Category**: Web App
- **Year**: 2025
- **Role/Location**: Personal Project
- **Tech Stack**: Next.js, Tailwind CSS, MongoDB, AWS S3, Stripe API
- **Overview**: Full-stack e-commerce platform developed with Next.js (frontend + backend). Integrated Stripe for payment processing and implemented user authentication, product filtering, and shopping cart features. Used MongoDB for database management and AWS S3 for secure storage. Deployed on Vercel for optimal performance and scalability.
- **Details**:
  - Integrated Stripe for payment processing.
  - Implemented user authentication and product filtering.
  - Used MongoDB for database management.
  - Deployed on Vercel with AWS S3 secure storage.
- **GitHub**: https://github.com/bibek1414/ecommerce-frontend-backend
- **Live URL**: N/A

### Book My Problem
- **Category**: Web App
- **Year**: 2025
- **Role/Location**: Personal Project
- **Tech Stack**: Next.js, React.js, Node.js, Express.js, Tailwind CSS
- **Overview**: Built with Next.js for both frontend and backend, offering users a platform to book problem-solving services. Real-time updates and notifications for both users and service providers. Categories include tech, legal, and repair services. Core booking and service features implemented; payment integration under development.
- **Details**:
  - Built offering platform to book problem-solving services.
  - Configured real-time updates and notifications.
  - Categories cover tech, legal, and repair services.
  - Core booking services implemented.
- **GitHub**: https://github.com/bibek1414/bookmyproblem
- **Live URL**: N/A

### Aakar Education
- **Category**: Web Site
- **Year**: 2024
- **Role/Location**: Client Website
- **Tech Stack**: Next.js, Tailwind CSS, Framer Motion
- **Overview**: Designed and developed a responsive and modern educational website for Aakar Education using Next.js and TailwindCSS. The platform highlights Aakar’s mission to empower students through creativity and collaboration, featuring sections like Our Story, Programs, and Community. Focused on clean UI design, mobile responsiveness, and optimized performance for a seamless user experience.
- **Details**:
  - Highlights Aakar's mission to empower students.
  - Features Our Story, Programs, and Community.
  - Focused on clean UI, mobile responsiveness, and performance optimization.
- **GitHub**: https://github.com/bibek1414/aakar-education
- **Live URL**: N/A

### Nepdora Website Builder
- **Category**: Web App
- **Year**: 2025
- **Role/Location**: Baliyo Ventures
- **Tech Stack**: Next.js 15, TypeScript, Tailwind CSS, dnd-kit, PostgreSQL
- **Overview**: A drag and drop website builder designed for creating custom websites in Nepal. Features dynamic JSON configuration rendering, drag-and-drop page builders, live site previewing, and domain registration and mapping for local businesses.
- **Details**:
  - Contributed to Nepdora, a custom website builder with drag and drop capabilities.
  - Designed dynamic rendering engine that parses component JSON layouts.
  - Built responsive custom components using Next.js and TailwindCSS.
  - Configured secure custom domain and subdomain deployment routing.
- **GitHub**: N/A
- **Live URL**: https://nepdora.com/

### Aakar Films
- **Category**: Web Site
- **Year**: 2024
- **Role/Location**: Client Website
- **Tech Stack**: Next.js, Tailwind CSS, Framer Motion, Video.js
- **Overview**: Designed and developed a highly responsive, cinematic portfolio website for Aakar Films. Features custom video player integrations, dynamic project media showcases, smooth animations with Framer Motion, and structured SEO markup to rank for local production keywords.
- **Details**:
  - Designed and developed a custom cinematic digital portfolio for a video production house.
  - Integrated optimized media lazy loading for fast Core Web Vitals on mobile and desktop.
  - Implemented dynamic metadata routing to index individual project reels on Google search.
  - Built fluid UI transitions and custom video components for an immersive user experience.
- **GitHub**: https://github.com/bibek1414/aakar-films
- **Live URL**: https://www.aakarfilms.com/

### Real-time Chat App
- **Category**: Web App
- **Year**: 2025
- **Role/Location**: Personal Project
- **Tech Stack**: React.js, Node.js, Socket.io, Express.js, Tailwind CSS
- **Overview**: A secure, instant messaging web application featuring channel-based chat rooms, active status indicators, and offline message caching. Utilizes Socket.io for low-latency websocket connections.
- **Details**:
  - Built a full-stack real-time messaging workspace utilizing Socket.io protocol.
  - Created channel subscription and private direct messaging functionalities.
  - Designed modern, minimal chat UI complete with interactive emoji picker controls.
  - Configured automated reconnect mechanisms and user presence heartbeat checking.
- **GitHub**: https://github.com/bibek1414/chat-app
- **Live URL**: N/A

### Smart Expense Tracker
- **Category**: Web App
- **Year**: 2024
- **Role/Location**: Personal Project
- **Tech Stack**: React.js, Tailwind CSS, Recharts, LocalStorage API
- **Overview**: An interactive, visual finance tracking application built with React and Tailwind CSS. Features dynamic SVG charts, expense categorization, budget limits, and history filtering with local storage state management.
- **Details**:
  - Built responsive budgeting dashboard with visual expense tracking graphs.
  - Implemented real-time calculation of remaining monthly budget limits.
  - Created transaction history filtration by categories and date ranges.
  - Stored tracker history in client-side LocalStorage to persist user state.
- **GitHub**: https://github.com/bibek1414/expense-tracker
- **Live URL**: N/A

### YouTube Comment Analyzer
- **Category**: AI/ML
- **Year**: 2025
- **Role/Location**: Personal Project
- **Tech Stack**: React, FastAPI, Python, Ollama (Llama 3), Tailwind CSS
- **Overview**: A local AI developer tool that retrieves YouTube comments and conducts deep sentiment analysis using local LLMs. Summarizes video comments and clusters topics to analyze audience sentiment privately and affordably.
- **Details**:
  - Integrated YouTube Data API v3 for fetching video comment threads.
  - Utilized local AI models via Ollama to process natural language sentiment.
  - Designed interactive charts and dashboards in React.
  - Optimized analytical processing queues for video comment volumes.
- **GitHub**: https://github.com/bibek1414/youtube-comment-analyzer
- **Live URL**: N/A

### Interactive Quiz App
- **Category**: Web App
- **Year**: 2024
- **Role/Location**: Personal Project
- **Tech Stack**: React.js, TypeScript, Tailwind CSS, Framer Motion, LocalStorage
- **Overview**: A dynamic, responsive quiz application designed to test user knowledge across custom categories. Features a timed questionnaire, instant feedback on answers, score summary reports, and local storage scoring persistence.
- **Details**:
  - Built timed quiz session workflows with dynamic question sequences.
  - Configured category-specific selection rules and score multipliers.
  - Designed clean responsive cards featuring state transitions and indicators.
  - Stored historical top scores on client devices using LocalStorage integrations.
- **GitHub**: https://github.com/bibek1414/quiz-app
- **Live URL**: N/A