Narendra Banna – Frontend Engineer

// About Me

Building the Future
of the Web

I'm Narendra Banna, a passionate Web Developer from Alwar, Rajasthan. I blend precise engineering with creative design to build products that truly stand out — currently working at Hind Group.

I love exploring new technologies, solving real-world problems through code, and constantly pushing what's possible in the browser. When I'm off the keyboard, you'll find me on the basketball court. 🏀

const narendra = {
  name:     "Narendra Banna",
  role:     "Frontend Engineer",
  company: "Hind Group",
  edu:      "B.Tech CSE · RTU 2025",
  phone:    "7878431700",
  mail:     "ns756541@gmail.com",
  status:   open_to_work ✓
};

🎯

React / Next.js

Scalable component-driven UIs with hooks, context, and modern React patterns.

✨

CSS / Animations

Fluid animations, glassmorphism, scroll effects and pixel-perfect responsive CSS.

⚡

JavaScript ES6+

Modern JS, async/await, DOM mastery, API integration and Canvas animations.

🛠️

UI/UX Design

Design systems, Figma prototyping, accessibility-first and mobile-first UX.

// Technical Expertise

Engineering Depth

From architecture to deployment — full-spectrum frontend engineering built through real-world projects.

⚙️

Frontend Architecture

Component-driven development, atomic design, reusable UI libraries and clean separation of concerns for scalable apps.

ReactComponent DesignDesign Systems

🎨

Advanced CSS & Motion

CSS Grid, Flexbox, custom properties, keyframe animations, scroll-driven effects, and Canvas API visual storytelling.

CSS3AnimationsCanvas API

🔗

API & Data Integration

REST API consumption, live data dashboards, real-time price feeds, Chart.js visualization and JSON data handling.

REST APIChart.jsFetch/Axios

📱

Responsive & Mobile-First

Pixel-perfect responsive design from 320px to 4K, mobile-first CSS, touch-optimized UI and cross-browser compatibility.

Mobile-FirstResponsiveCross-browser

⚡

Performance Engineering

Lazy loading, image optimization, debouncing, RAF animations, minimal DOM repaints and Core Web Vitals tuning.

Web VitalsOptimizationLazy Load

🗄️

Backend Basics

Node.js fundamentals, MySQL database design, form handling and basic REST server setup for full-stack awareness.

Node.jsMySQLREST Server

// Selected Work

Projects That Speak

🧪

Corporate

Hind Group Website

Full corporate website for a speciality chemicals company — product pages, hero sliders, chatbot enquiry system and complete responsive design.

HTML5CSS3JavaScript

📊

Dashboard

Live Market Dashboard

Real-time global commodity price tracker with Chart.js interactive graphs, multi-proxy API fetching, auto-refresh and modal detail view.

JavaScriptChart.jsAPI

🎨

UI/UX

Cinematic Portfolio

Personal portfolio with Canvas particle network, custom cursor, typewriter animation, scroll reveal and full dark cinematic theme.

HTMLCSSCanvas API

🛒

E-Commerce

ShopFront React App

Modern e-commerce frontend with product filters, cart management, wishlist, smooth transitions and fully mobile-optimized design.

ReactReduxCSS3

💬

AI App

Chat Interface UI

AI-style conversational UI with streaming text, animated message bubbles, multi-step enquiry flow and WhatsApp-inspired design.

JSCSSFormcarry

📱

Admin

Responsive Admin Panel

Clean dark-mode admin dashboard with data tables, Chart.js analytics, sidebar navigation and fully responsive mobile layout.

ReactChart.jsCSS3

// Journey

Experience & Education

March 2025 — Present Currently Working

Web Developer

Hind Group · Alwar, Rajasthan

Building and maintaining the full corporate web presence for Hind Group — a speciality chemicals company. Responsible for all frontend development, live dashboards, and UI/UX.

Developed multi-page corporate website with hero sliders, product grids and chatbot enquiry system
Built live commodity price dashboard with real-time API integration and Chart.js interactive graphs
Implemented custom particle animations, glassmorphism UI, and mobile-first responsive layouts
Maintained cross-browser compatibility, performance optimization and accessibility standards

Aug 2024 — Mar 2025 (8 months)

SEO Executive

Satnam Web Tech · Rajasthan

Worked as a Frontend Developer delivering client websites and web applications. Gained production experience with JavaScript, CSS animations, and React-based component development.

Boosting rankings, traffic, and conversions using modern SEO strategies, technical optimization, and data-driven performance analysis.
Helping brands increase online presence through advanced keyword research, on-page SEO, technical audits, and content optimization.
Focused on ranking websites higher, improving engagement, and generating quality organic traffic with smart SEO techniques.
Building fast, responsive, and SEO-optimized web experiences that improve user engagement and search engine visibility.

2023 · InternPe Internship

Web Development Intern

InternPe · Remote

Completed a structured web development internship through InternPe — focusing on real-world frontend tasks including responsive design and JavaScript DOM projects.

Completed hands-on projects in HTML, CSS, JavaScript and responsive web design
Built mini-applications including a task manager and weather app
Received internship completion certificate with performance recognition

2021 — 2025

B.Tech — Computer Science Engineering

Rajasthan Technical University (RTU)

4-year Bachelor of Technology in CSE — strong academic foundation in algorithms, data structures, software engineering, DBMS, networking and operating systems.

Led the college Web Development club — organized workshops and hackathon events
Won 2 university-level hackathons for innovative frontend UI/UX solutions
Final year project: Full-stack corporate web platform with live data integration
Core subjects: DSA, DBMS, OS, CN, Software Engineering, Web Technologies

// Beyond the Code

Achievements & Highlights

🏀

🏆 Sports Achievement

Basketball — District Level Player

Competed at district and university level as a basketball player. The court taught me what the keyboard can't — discipline under pressure, split-second decisions, and unwavering teamwork. The exact mindset I apply to every sprint, deadline, and debugging session.

🏅

Hackathon Winner × 2

Won 2 university hackathons for best UI innovation — recognized for creative, fast-delivered frontend solutions under time pressure.

📜

InternPe Certified

Completed and certified in Web Development from InternPe — HTML, CSS, JavaScript and responsive design best practices.

🎓

Web Dev Club Lead

Founded and led the Web Development Club at university — organized coding workshops, mentored juniors, and ran frontend sprint challenges.

🚀

20+ Projects Shipped

Delivered 20+ production web projects across corporate, dashboard, e-commerce and portfolio domains within 2 years of professional experience.

⚡

Live API Dashboard

Built and deployed real-time commodity market dashboard pulling live Yahoo Finance data — first live data-driven frontend product at the company.

Hello, I'm Narendra.

Building the Future
of the Web

Engineering Depth

Projects That Speak

Experience & Education

Achievements & Highlights

Let's Build Something Great

Hello, I'm Narendra.

Building the Futureof the Web

Engineering Depth

Projects That Speak

Experience & Education

Achievements & Highlights

Let's Build Something Great

Building the Future
of the Web