The catalog

300+ projects to build

Every project comes with a complete PRD, HLD & LLD. Filter by domain, difficulty or tech stack to find your next build.

15 projects

Sort

Medium

Decision Tree Survival Modeling App With Interactive Pruning Controls

Decision trees are the most explainable models in machine learning, which makes them ideal for teaching — but only if learners can actually see the tree and watch it change. This project builds a web application around that idea using the classic Titanic passenger dataset, where every split has an interpretable story. The intern develops a Flask backend that trains a decision tree classifier with scikit-learn to predict passenger survival, served through a frontend built with HTML, CSS, and JavaScript. Users view a rendered visualization of the fitted tree, adjust pruning parameters such as maximum depth and minimum samples per split, and watch the tree restructure and its predictions change in real time — a direct demonstration of the overfitting-versus-generalization trade-off. Jupyter notebooks accompany the app to document data preparation and experimentation, and per-passenger predictions let users test scenarios interactively. The intern learns how tree construction, overfitting, and pruning interact — knowledge made durable by manipulating it directly — while gaining full-stack experience: serving a model with Flask, wiring a JavaScript frontend to a Python API, and packaging an educational tool others can learn from.

educationcssdata-science+7

View project

Hard

Editorial Content Scheduling and Publishing Workspace

Newsrooms and content studios coordinate dozens of writers, editors, and administrators across drafts, revisions, schedules, and publication deadlines, and generic tools fit that workflow poorly. This project builds the frontend for a content operations platform designed around how editorial teams actually work. The intern constructs the interface with React and TypeScript, using Redux Toolkit to manage the substantial shared state of a multi-role application and Tailwind CSS for a clean, responsive design built on semantic HTML and modern CSS. Each role gets a purpose-built dashboard: writers draft and submit content, editors review, schedule, and approve, and admins manage users and oversee the pipeline. Advanced media handling supports images and embedded assets within content, and real-time collaboration features keep concurrent editors aware of one another's changes. The project pushes frontend architecture well past simple pages: designing component hierarchies that scale, modeling workflow state transitions in Redux, and gating UI by permission. Completing it demonstrates the intern can build the kind of complex, role-aware interface that professional content organizations run their business on.

mediatechnologycssfrontend+6

View project

Hard

Personalized Shopping Frontend With Recommendations and Checkout

Online shoppers abandon stores that show them irrelevant products and clunky checkouts; modern retail wins on personalization and frictionless flow. This project builds a storefront frontend engineered around both, from the first product impression to the final payment step. The intern develops the interface in React and TypeScript with Redux Toolkit managing cart, session, and personalization state, and Tailwind CSS providing a fast, responsive design over well-structured HTML and CSS. Product discovery combines advanced search with dynamic filtering that updates results instantly, while a recommendation layer surfaces products tailored to each authenticated user's behavior. The checkout flow integrates with payment APIs and is designed to minimize steps and errors, since checkout friction is where e-commerce revenue leaks. User authentication ties the personalized experience together across sessions. The intern learns to architect performant state management under frequent UI updates, coordinate asynchronous API integration cleanly, and translate merchandising concepts like recommendations and conversion into working interface code. The finished storefront demonstrates frontend engineering at the standard commercial e-commerce teams expect.

e-commerceretailcssfrontend+6

View project

Hard

Adaptive Learning Interface With Quizzes and Progress Tracking

Learners progress at different speeds, yet most online courses march everyone through identical content, boring some students and losing others. This project builds the frontend of a learning platform that adapts, adjusting each learner's path based on how they actually perform. The intern builds the interface with React and TypeScript, using Redux Toolkit to model the nontrivial state of adaptive learning: current path, quiz outcomes, unlocked content, and live progress. Interactive quizzes give immediate feedback and feed the adaptation logic; real-time progress tracking visualizes each learner's journey; and advanced form handling powers assignments and structured feedback. Dynamic routing with protected routes ensures learners see the right content at the right stage while keeping enrolled material secure, and Tailwind CSS delivers a responsive experience across devices. The project teaches state machines in UI form, deriving what a user sees from an evolving model of what they know, along with disciplined routing and form architecture. Completing it shows the intern can build education technology where the interface itself is the pedagogy, not just a content viewer.

educationcssfrontend+6

View project

Hard

Live Market Analytics Workspace for Finance Professionals

Finance professionals work in fast-moving data, and a dashboard that lags, hides context, or mishandles an update can cost real money. This project builds a frontend analytics workspace that meets that bar, treating performance and clarity as product requirements rather than polish. The intern develops the portal in React and TypeScript, integrating external APIs for live financial data and rendering it through dynamic visualizations that update in real time without jank. Advanced filtering lets analysts slice markets, instruments, and time ranges instantly; Redux Toolkit keeps the many moving pieces of state coherent as data streams in; and complex forms handle configuration and query building with validation throughout. Authentication flows protect the workspace, and Tailwind CSS over semantic HTML yields a modular, responsive interface that works as well on a laptop as a trading-floor monitor. The intern learns the hard parts of data-dense frontend engineering: efficient re-rendering under continuous updates, state architecture that scales with feature count, and visualization choices that make numbers legible under pressure. The result demonstrates they can build interfaces for professional, high-stakes analytical work.

financecssfrontend+6

View project

Hard

Hospital Dashboard for Patient Data, Schedules, and Live Alerts

Hospital staff make minute-to-minute decisions from information scattered across systems: patient status here, appointments there, alerts nowhere until too late. This project builds a dashboard frontend that unifies that picture for clinical teams across an entire facility. The intern engineers the dashboard with an advanced React component architecture in TypeScript, using Redux Toolkit to manage the layered state of patients, schedules, and live alerts, and integrating REST APIs for continuously updating data. Patient information and appointment schedules render through clear visualizations, real-time alerts surface deteriorating situations immediately, and dynamic forms capture clinical updates at the point of care. Role-based UI presents doctors, nurses, and administrators each with the view their work requires, and Tailwind CSS ensures the interface stays responsive from desktop stations to tablets on rounds. The project demands the frontend skills hospitals actually need: reliable live-data handling, permission-aware rendering, and interfaces that stay legible under stress. Completing it demonstrates the intern can build mission-critical UI where clarity and correctness directly affect patient care.

healthcarecssfrontend+6

View project

Hard

Interactive Web Vulnerability Reporting and Visualization Console

Security findings often die in PDF reports that developers never read; vulnerabilities get fixed when they are visible, explorable, and clearly explained. This project builds the frontend that makes that happen: an interactive console for analyzing and visualizing web application vulnerabilities. The intern builds the tool with Next.js and TypeScript, styled with Tailwind CSS over semantic HTML and modern CSS. Scan results render as interactive reports where each finding can be drilled into for severity, affected routes, and remediation guidance, while visualizations aggregate vulnerabilities by category and trend so teams see their overall exposure at a glance. Redux Toolkit manages the state of filters, report views, and analysis sessions, and advanced React patterns keep the interface modular as reporting features grow. The project sits at the intersection of frontend craft and security literacy: the intern must present technically dense findings so both engineers and managers can act on them. Completing it demonstrates data-heavy interface design, disciplined state architecture, and enough security domain fluency to build tools for practitioners, a distinctive combination for a portfolio.

securitycsshtml+5

View project

Hard

Retail Inventory and Sales Analytics Interface

Retailers make daily calls on stock, pricing, and promotion, but their data usually sits in systems that answer questions slowly or not at all. This project builds the analytics interface that puts those answers on one screen, close enough to the work to change decisions the same day. The intern develops the dashboard in React and TypeScript, with Redux Toolkit coordinating filters, views, and session state, and Tailwind CSS delivering a responsive layout that works from a back-office monitor to a tablet on the shop floor. Advanced data visualizations chart sales performance, inventory levels, and movement trends; an inventory management view lets staff track and adjust stock; and user authentication keeps commercial data restricted to authorized staff. Careful component architecture keeps charts fast even as datasets grow. The project develops the frontend skills analytics products depend on, including choosing visual forms that make operational data legible, structuring state so that filtering stays instant, and building multi-device layouts with solid HTML, CSS, and JavaScript fundamentals underneath. The finished dashboard demonstrates the intern can turn raw retail data into an interface managers genuinely use.

retailcsshtml+5

View project

Hard

Renewable Energy Device Monitoring and Visualization Console

Renewable energy operators manage solar arrays, wind turbines, and storage spread across sites, and every hour a failing device goes unnoticed is lost generation and revenue. This project builds the monitoring interface that keeps those distributed fleets visible from a single console. The intern builds the suite with Next.js and TypeScript, rendering real-time visualizations of power output, device status, and site-level performance so operators spot anomalies as they emerge. A device management view supports registering, inspecting, and organizing assets across locations, while advanced authentication controls who can view and manage which sites. Redux Toolkit manages the continuously updating data and UI state, and Tailwind CSS provides responsive layouts that hold up in both control-room and field use. The project gives the intern deep practice with live-data frontend engineering, including polling and update strategies, chart components that stay smooth under refresh, and state design for streams rather than snapshots, all in the context of clean-energy infrastructure. The finished suite demonstrates the ability to build operational software for the energy transition, a sector hiring aggressively for exactly these skills.

energycsshtml+5

View project

Hard

Field Sensor Data Visualization Dashboard for Precision Farming

Modern farms are instrumented with sensors for soil moisture, temperature, and humidity, yet the data often lands in silos that farmers never look at. This project builds a dashboard that turns those raw readings into daily agricultural decisions about irrigation, protection, and planting. The intern develops the interface with React and TypeScript, visualizing real-time sensor streams as charts and status panels that make anomalies, such as a drying field or a temperature spike in a greenhouse, immediately visible. Advanced forms support crop management workflows, including recording plantings, treatments, and observations with validation throughout, while role-based access distinguishes farm owners, agronomists, and workers. Redux Toolkit keeps sensor data, form state, and user context coherent across the app, and Tailwind CSS with responsive design principles ensures the dashboard is as usable on a phone in the field as in the farm office. Completing the project demonstrates the intern can handle continuous data on the frontend, design forms for structured domain workflows, and build role-aware interfaces, exactly the capabilities agritech and IoT companies look for in frontend engineers.

agriculturecsshtml+5

View project

Hard

Map-Based Property Search and Listing Analytics Frontend

Property seekers decide in seconds whether a listings site is worth their time: search must be instant, maps must orient them, and photos must load beautifully. This project builds a real estate frontend engineered to win those seconds and keep users exploring. The intern implements the platform with Next.js and TypeScript, building advanced search with rich filtering across price, location, and property attributes, interactive maps that let users browse listings spatially, and media upload flows for property photos and videos. User authentication personalizes the experience with saved searches and favorites, while listing analytics views surface pricing and market context alongside each property. Redux Toolkit manages search state, map interactions, and API integration cleanly, and Tailwind CSS delivers a polished, responsive design across devices. The project combines several demanding frontend disciplines in one build, including map-driven interfaces, media-heavy pages that stay fast, and complex filter state synchronized with URLs and APIs. Finishing it gives the intern a visually impressive, technically substantial portfolio piece in one of the web's most competitive product categories.

real-estatecsshtml+5

View project

Hard

Video Streaming Portal With Custom Player and Live Comments

Viewers expect video platforms to feel effortless: instant playback, smart controls, and a community talking alongside the content. Building that experience is one of the harder jobs in frontend engineering, and it is exactly what this entertainment project takes on. The intern builds the portal in React and TypeScript, centered on a custom video player with full playback controls, quality handling, and responsive behavior across devices. Advanced media handling covers thumbnails, previews, and efficient loading so browsing stays smooth, while real-time comments let audiences react as they watch, with updates flowing live into the interface. User authentication gates personalized features, Redux Toolkit manages playback, session, and comment state without tangling, and Tailwind CSS keeps the interface sleek over solid HTML and CSS foundations. The project teaches media streaming frontends at a practical level, including browser media APIs, live-updating UI, and state architecture for concurrent features. Completing it demonstrates the intern can build consumer-grade entertainment interfaces where performance and polish are the product.

entertainmentcsshtml+5

View project