Business goals, real workflows and useful interfaces come before decorative complexity.
Junior Frontend / Fullstack Developer
Andrey
Badalin.
Open to junior opportunities
I build commercial websites, dashboards, CRM tools, booking systems and Telegram bot-related web apps.
Portfolio / 2026Based in Russia · Available remotely
About
Learning by building software people can actually use.
I'm an IT student focused on practical, business-oriented web applications: from clear marketing sites to internal dashboards, CRM systems and booking products.
I use AI tools as part of a disciplined development workflow, not as a substitute for engineering judgment. I manually control architecture, testing, integrations and deployment.
AI accelerates execution; architecture, integration, testing and deployment remain my responsibility.
Capabilities
A focused toolkit for taking web products from interface to deployment.
Frontend
- HTML
- CSS
- JavaScript
- TypeScript
- React
- Next.js
- Tailwind CSS
Backend
- Node.js
- API Routes
- Vercel Functions
Database / Auth
- Supabase
- PostgreSQL
Tools
- Git
- GitHub
- Vercel
AI Workflow
- ChatGPT
- Codex
- Claude
- Cursor / Antigravity
Featured Projects
Four strongest case studies that go beyond presentational frontend and demonstrate business logic, data, and multi-step product flows.
Bot Orders CRM
A CRM workflow, Telegram integration, and the complete order lifecycle demonstrate a real operational business scenario.
View case studySales Analytics Dashboard
Complex data structure, KPIs, and comparative charts demonstrate mature dashboard and data-presentation work.
View case studyBooking Service App
Calendar availability, time slots, authentication, and booking management require coordinated product logic.
View case studyTeam Task Manager
Roles, assignments, statuses, and team progress form a complete workflow close to a fullstack product.
View case studyProject case studies
Eight projects presented through the problem, implemented features, technology stack, and verifiable source and demo links.
01Completed
BuildMarket Store
- Problem
- Organize a large construction-products catalog and keep the journey from product discovery to checkout clear on every screen size.
- Key features
- Catalog search · Category filters · Product detail pages · Shopping cart · Order flow · Responsive interface
- Demonstrates
- E-commerce interface design, catalog state management, and scalable UI component architecture.
- Next.js
- TypeScript
- Tailwind
- Supabase
02Completed
Price Tracker Dashboard
- Problem
- Bring price changes into one workspace so users can identify trends and products requiring attention without manual comparison.
- Key features
- Price history · Trend charts · Alert thresholds · Product comparison · Status filtering · Responsive dashboard
- Demonstrates
- Data visualization, API integration, and the design of information-dense dashboard interfaces.
- React
- TypeScript
- Charts
- API
03Completed
Bot Orders CRM
- Problem
- Turn incoming Telegram bot orders into a manageable operator workflow while preserving customer context throughout fulfillment.
- Key features
- Order pipeline · Customer profiles · Status management · Search and filters · Telegram integration · Operational dashboard
- Demonstrates
- Fullstack-like business logic, CRM workflow modeling, database work, and external integrations.
- Next.js
- Supabase
- Telegram API
- PostgreSQL
04Completed
Sales Analytics Dashboard
- Problem
- Present sales metrics so revenue, conversion, and channel performance can be understood without manually processing source data.
- Key features
- KPI cards · Sales charts · Period filters · Channel comparison · Conversion analysis · Responsive data views
- Demonstrates
- Information architecture for analytics products and practical work with complex datasets.
- React
- TypeScript
- Recharts
- Tailwind
05Completed
Booking Service App
- Problem
- Make appointment booking predictable for customers and manageable for a business across available dates and time slots.
- Key features
- Service selection · Calendar availability · Time-slot selection · Authentication · Booking management · Form validation
- Demonstrates
- Booking and calendar logic, authentication, flow validation, and availability state management.
- Next.js
- Supabase
- Auth
- Vercel
06Completed
Media Library API App
- Problem
- Combine external catalog search and personal saved lists in a resilient interface with clear loading and error states.
- Key features
- API-powered search · Media detail cards · Saved lists · Category browsing · Loading states · Error handling
- Demonstrates
- REST API integration, asynchronous state management, and practical Vue/Nuxt development.
- Nuxt 3
- Vue
- TypeScript
- REST API
07Completed
Animated SaaS Landing
- Problem
- Present a SaaS product through an expressive but performant page where motion supports the message without obstructing conversion.
- Key features
- Responsive sections · Controlled animation · Product storytelling · CTA flows · Reusable components · Performance optimization
- Demonstrates
- Marketing-page implementation, motion design, reusable sections, and performance awareness.
- Next.js
- Motion
- Tailwind
- Vercel
08Completed
Team Task Manager
- Problem
- Structure collaborative work around tasks, ownership, and priorities so every participant can see current progress.
- Key features
- Authentication · Role-based access · Task assignment · Priorities and statuses · Team progress · Filtering and search
- Demonstrates
- A fullstack-like application with role-based behavior, business states, and collaborative workflows.
- React
- Node.js
- PostgreSQL
- Auth
AI Workflow
AI is used as an engineering accelerator, not as a substitute for product understanding or ownership of the outcome.
Manual control remains essential
AI helps accelerate prototyping, review, refactoring, and documentation. I manually control architecture, behavioral validation, integrations, deployment, and final technical decisions.
- 01Idea
- 02Design
- 03Development
- 04Testing
- 05Deploy
- 06Documentation
Development Standards
Each project is presented as verifiable engineering work suitable for a public repository and reproducible deployment.
GitHub repositories
Source code and change history are available for technical assessment.
Vercel deployments
Working project versions are available through stable public links.
GitHub Actions CI
Automated lint and build checks help prevent regressions.
README documentation
Purpose, stack, local setup, and deployment are documented in each repository.
RU/EN localization
User interfaces support both Russian and English.
npm audit
Dependencies are checked for known vulnerabilities before completion.
Build checks
Production builds and TypeScript checks run before changes are published.
Responsive design
Core flows are designed and verified across desktop and mobile layouts.
For employers
This portfolio targets entry-level roles requiring a strong frontend foundation, product logic, and readiness to grow toward fullstack development.
My current level is junior. I do not claim senior-level expertise; I demonstrate the ability to take projects to a documented, deployed, and verifiable result.
- Junior Frontend Developer
- Junior Fullstack Developer
- Web Developer
- React / Next.js Developer
Let's build something useful.
Available for junior roles, internships and focused freelance projects.