15-Year-Old Indian Developer Builds AI Portfolio Using Gemini API and React

·1 views

Naitik Prajapati, a 15-year-old Class 9 student from India, has built and deployed a personal AI-powered portfolio website using React, Google AI Studio, and the Gemini API. The portfolio goes beyond static content by dynamically pulling developer data and understanding context through Gemini Pro and Flash models. The project is hosted for free on Vercel and is publicly accessible online. Prajapati also integrated his Google Cloud profile, having earned over 60 skill badges through the Google Cloud Arcade program. He plans to expand the project by adding multi-agent systems and optimizing API response times below 200ms.

Read the full story at DEV Community

This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)

Developer Finds OpenTelemetry Spans Logged Correctly But Captured Zero Real Timing

A developer documented their first hands-on experience with OpenTelemetry, adding instrumentation to a Python-based blog pre-publication checker. All 15 spans appeared correctly in the Jaeger UI with proper names and attributes, but the child spans collectively totalled only 0.085 ms while the parent span recorded over 1,000 ms. The discrepancy occurred because the spans were wrapping result-reading code rather than the actual execution of each check. After rewriting the instrumentation to wrap the real work, the 15 child spans correctly summed to 1,183 ms. The author shared the experience as a practical record of common first-timer mistakes with distributed tracing tools.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Why Experienced Engineers Choose Data Structures Last, Not First

A software engineering guide argues that selecting the right data structure should always begin with understanding the business problem, not the implementation. Experienced engineers first identify what behavior a system must support before deciding on tools like HashMaps, Queues, or Graphs. The article maps common business questions to their naturally fitting data structures, such as using a Heap when prioritization is needed or a Trie when partial-input search is required. It warns that jumping straight to implementation choices is a common beginner mistake that leads to poorly designed components. The core takeaway is that data structures are not independent decisions but logical consequences of clearly understanding business behavior.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Tutorial: Build Hybrid AI Image Analyzer Using Angular, Firebase, and Gemini Models

A new developer tutorial walks through building a hybrid image analysis app using Angular, Firebase AI Logic, and Google's Gemini models. The app lets users upload an image and receive AI-generated tags, alternative text, and recommendations without needing to choose a model manually. Firebase AI Logic's Hybrid and On-device Web SDK automatically selects Gemini Nano for Chrome browsers and Gemini 3.5 Flash for all other browsers, keeping the model choice transparent to the user. The project also incorporates Firebase services including Remote Config, App Hosting, App Check, and the Local Emulator Suite for development and deployment. Full source code is available in the NG Firebase Image Analyzer repository, along with step-by-step Firebase project configuration guidance.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Developer releases Roadline, an open-source headless Gantt component for React

A developer has released Roadline, a headless and virtualized timeline/Gantt component for React, after building it to meet the scheduling needs of a personal project. The library is MIT-licensed, has no runtime dependencies, and weighs just 15 kB gzipped, with support for React 18 and 19. Roadline offers features including drag-and-resize interactions, dependency arrows between tasks, nested items, timezone support, and keyboard accessibility. The component is fully controlled and headless, meaning its UI pieces are composable and styling requires custom code rather than built-in defaults. Currently at version 0.2.0, the author is seeking community feedback on the API design and the feel of dragging and zooming in the live demo.

0 comments Read more at DEV Community