๐ My Internship Journey: What Iโve Learned So Far
Reflections on my journey as a Software Developer Trainee
๐ My Internship Journey: What Iโve Learned So Far
From student to developer, my recent internship experience has been nothing short of transformative. Iโm Chhavi Sharma, an enthusiastic web developer currently pursuing my B.Tech in Computer Science from The ICFAI University, Jaipur. Over the past two months, I had the incredible opportunity to intern as a Software Developer Trainee at RecursiveZero Pvt. Ltd.
This journey was far more than just writing code; it was a deep dive into modern frontend technologies, understanding the nuances of a corporate work environment, and embracing professional development practices. Under the exceptional guidance of Mr. Keshav Mohta, I truly began to grasp the essence of frontend engineering. This blog is a reflection of what Iโve worked on, the skills Iโve gained, and the lessons Iโll carry forward.
๐ง Projects I Worked On
I contributed to the following key pages and features for the abcdkbd project:
๐ Home Page
I designed and structured the home page to ensure a smooth user experience with a responsive layout and clean navigation.
๐ช Varnmala Page
I developed a rich, multi-section learning space for learners. The Varnmala section was broken down into six interactive sub-pages:
- Hindi โ Displayed เคธเฅเคตเคฐ and เคตเฅเคฏเคเคเคจ.
- English โ Offered a comparative look at English alphabet letters.
- Barahkhadi โ Showcased combinations of consonants and matras visually.
- Listen โ Implemented Text-to-Speech functionality for hearing pronunciation.
- Write โ Guided users on how to write letters through animated stroke visuals.
- Play โ Created interactive games/activities to reinforce what users learned.
This section focused on clean layouts, intuitive navigation, and accessibility for early learners.
๐ค Alphabets Page
I developed a separate alphabets section with animated SVG letter drawings and reset/play controls โ making learning fun and interactive.
๐ข Numbers Page
I created an interactive number page featuring content for English, Hindi, Morse code, and Roman numerals.
๐ Glossary Page
I structured glossary terms across themes like Months, Days, and Geometrical Shapes, using dynamic JSON rendering and category-based filtering.
๐ฎ Nakshatra Page
I designed and developed a visual representation of Nakshatra, using reusable components and clean layouts for better scalability.
โ๏ธ Tech I Explored
This internship introduced me to powerful tools and concepts that significantly improved my skills:
๐ Astro Framework
I gained a solid understanding of Astroโs component-based static site generation. I implemented layouts, partial hydration, and slot usage, building fast and SEO-optimized content-driven pages.
๐บ๏ธ Dynamic Routing
I used file-based routing in Astro for dynamic glossary and category pages, passing route parameters to generate content on-the-fly.
๐ฃ๏ธ Web Speech API
I integrated Text-to-Speech (TTS) features using the Web Speech API, enabling audio feedback for alphabets โ improving accessibility and user engagement.
๐จ Modern CSS Features
While working on UI/UX, I explored several modern CSS features, including:
- CSS Grid & Subgrid โ For complex, responsive layout designs.
- Container Queries โ Made components respond to container size.
- CSS Variables (
--var) โ Maintained design consistency and simplified theming. - Clamp Function (
clamp()) โ Created fluid responsive typography and spacing. - Backdrop Filter โ Applied glassmorphism-style blur effects.
- Scroll Snap โ Added smoother section-based scrolling on mobile.
- Animations using
@keyframes&transitionโ For SVG letter drawings, button hovers, and more. - Popover API โ Learned to use the new native Popover API for creating lightweight contextual overlays without external libraries.
๐ป Git & GitHub
I gained hands-on experience working with branches, pull requests, and merge conflict resolution. I reviewed code, maintained readable commit messages, and collaborated using GitHub Issues, learning to document progress and communicate through version control.
๐ป Visual Studio Code (VS Code)
I used VS Code as my primary development environment throughout the internship. I utilized the Project Manager extension to quickly switch between different project folders and codebases. I created and managed VS Code Workspaces to organize multiple related folders (e.g., components, i18n files, pages) for better context and navigation. I also leveraged helpful extensions like Prettier, ESLint, and Astro Language Tools to write clean and consistent code.
๐ก What I Learned Beyond Code
- Communication โ I learned to share updates clearly, discuss blockers effectively, and contribute meaningfully to team decisions.
- Problem-solving โ I sharpened my debugging skills by fixing layout bugs and animation sync issues, and gained experience working with modern Browser APIs.
- Responsibility โ I delivered features independently and tracked my progress efficiently using GitHub project tools.
๐ฏ Final Thoughts
This internship has been a transformative learning experience. From Astro and GitHub workflows to Speech APIs and modern CSS โ Iโve picked up tools and practices that make me a better developer and collaborator.
I now feel confident in:
- Building accessible, responsive UIs from scratch.
- Creating animated and interactive web components.
- Using modern CSS for elegant and maintainable design.
- Collaborating on real-world projects using GitHub.
๐ Gratitude & Reflection
Iโm incredibly grateful for this opportunity and for the guidance I received throughout my internship. The lessons learned, both technical and soft skills, have been invaluable. This experience has solidified my passion for software development and Iโm excited to apply this knowledge in future internships and personal projects. The journey has just begun โ and Iโm loving every part of it!
Special Thanks: Mr. Keshav Mohta and for making this journey memorable and enriching!
Thank you for reading!
Chhavi Sharma