My Internship Journey with RecursiveZero Pvt. Ltd

From Student to Developer: My Internship Experience

Over the past few months, I had the incredible opportunity to intern as a Frontend Developer at RecursiveZero Pvt. Ltd, where I embarked on a transformative journey of learning and growth. This internship was not just about coding—it was a comprehensive exploration of modern frontend technologies, corporate working culture, and professional development practices. Under the exceptional guidance of Mr. Keshav Mohta, I discovered the true essence of frontend engineering.

---

Projects I Worked On at abcdkbd.com

Draw Page 🎨

• Create draw page that demonstrate the image corresponding to the letter user press with the help of keyboard.

• You can customize the background, font style, and font color, toggle between uppercase and lowercase letters, and even hear the letter spoken aloud when it’s pressed.

Capital Page 🏛️

• Refactored an capital page showcasing the states and union territories of India with their capitals

• Applied CSS Grid and Flexbox to create responsive, visually appealing layouts for displaying state and capital information.

Gallery Page 🖼️

• Built three distinct gallery modes (Stack, Queue, Slider) using reusable Astro components, demonstrating advanced component architecture.

• Managed alphabet items and navigation logic with TypeScript interfaces, ensuring robust handling of dynamic lists and user actions.

Stories Page 📚

• Developed a section where children can read stories across various categories, making learning engaging and fun.

• Utilized Astro’s content collections and dynamic routing to display stories based on user selection, ensuring scalability as more stories are added.

• Implemented intuitive navigation and category filtering, allowing users to easily explore and discover new stories.

About Us Page 👥

• Designed a dedicated page to present developer and team information, highlighting roles and contributions.

• Crafted content that communicates the mission, vision, and values of the project, building trust with users.

Blog 📝

• Refactored and updated the blog section’s user interface for a cleaner, more readable, and visually appealing experience.

• Astro’s integration with Markdown and content collections to manage blog posts efficiently and enable easy updates.

• Improved accessibility and responsiveness, ensuring the blog is usable and attractive on all devices.

Other Development

Mobile Splash ✨

• Designed and implemented a mobile-optimized splash screen for abcdkbd.com to enhance first impressions and improve user experience on smaller devices.

404 Page ⚠️

• Developed a custom 404 error page to guide users when they access an invalid or broken URL, improving navigation and maintaining brand consistency.

What I Learned 🧠

Frontend Technologies

• Astro Framework:

  • Learned to use Astro’s slot system for flexible component composition, enabling reusable layouts (e.g. BaseLayout with header slots).
  • Explored Astro’s content collections for dynamic page generation, such as mapping over blog posts or gallery items.
  • Utilized Astro’s integration with Markdown and TypeScript for type-safe content and seamless data flow between content and UI.

• CSS Techniques:

  • Utilized CSS custom properties (variables) for theming and dynamic styling (e.g. --item-width, --card-color, --t for transitions).
  • Designed layouts using flexbox and CSS Grid for responsive, adaptive interfaces (e.g., gallery and capital page grids).
  • Applied gradients, background-clip, and text-shadow for visually appealing headings and cards.
  • Used object-fit, border-radius, and box-shadow to enhance image presentation and card aesthetics.
  • Leveraged transitions and transforms for smooth interactive effects (e.g. hover/active states in gallery and draw controls).
  • Learn about advanced CSS properties like object-fit for images, custom properties for dynamic sizing, and transition , transform for animated gallery navigation and item focus effects.

Git & Version Control Mastery

Learn about branching strategies, merging, and conflict resolution and learned to work with multiple developers on the same codebase and Understand the commit messages, pull requests, and code with GitHub workflows and project organization.

VS Code - The Developer’s Best Friend

Discovered powerful extensions (e.g. Project Manager, CSS Color Collector, ESLint, Prettier) that transformed my coding experience and learned to use integrated debugging features for efficient troubleshooting and learn to Organize projects efficiently with workspace settings and configurations also Created custom snippets and learned keyboard shortcuts for faster development.

---

Gratitude & Reflection 🙌

This internship gave me a clear picture of how real projects work. I learned to write clean, on-time code and understood how important the right tools and tech stack are. It helped me build confidence in frontend development and taught me to face challenges with curiosity and a problem-solving mindset. With hands-on practice and great support, I feel ready to take on new projects, work in teams, and keep growing as a developer.

Special Thanks: Mr. Keshav Mohta and my team member for making this journey memorable and enriching! 🙏

Thank you for reading!

Prakash Raj