My Projects

Showcasing my work in HR and visitor management systems.

A close-up of a person using a laptop, with programming code displayed on the screen. A smartphone lies on the wooden table next to a Starbucks coffee cup with a logo. The atmosphere appears warm with soft lighting.
A close-up of a person using a laptop, with programming code displayed on the screen. A smartphone lies on the wooden table next to a Starbucks coffee cup with a logo. The atmosphere appears warm with soft lighting.
HR Management
πŸ’Ό Project: Human Resource Management System (HRMS)
πŸ§‘β€πŸ’» Role: Full Stack Developer
πŸ› οΈ Technologies: Java, Spring Boot, REST APIs, React JS, MySQL, GitHub, Jira
βœ… Roles & Responsibilities:
πŸ”§ Development Responsibilities
  • Designed and developed frontend components using React JS, ensuring responsive and user-friendly UI.

  • Created RESTful APIs with Spring Boot for employee data management, payroll, leave requests, and attendance modules.

  • Integrated frontend and backend using Axios and ensured secure data handling with token-based authentication.

  • Built and optimized MySQL queries, designed database schemas, and ensured relational data integrity.

  • Handled form validations, state management, and implemented dynamic dashboards for HR/admin views.

🧩 Team Collaboration
  • Participated in daily stand-up meetings and discussed task progress, blockers, and timelines.

  • Worked closely with QA and UI teams for testing and cross-browser compatibility.

  • Engaged in code reviews and implemented feedback to maintain clean, scalable code.

πŸ“ Project Management
  • Managed task tracking, bug logging, and sprint planning via Jira.

  • Documented API specs, flow diagrams, and module-wise architecture for team reference.

  • Participated in client meetings, gathered requirements, and converted them into technical implementations.

A laptop displaying a webpage with the text 'I design and develop experiences that make people's lives simple.' is placed on a wooden table. It is set in an outdoor seating area with white furniture and greenery in the background. The setting appears to be calm and conducive to work or relaxation.
A laptop displaying a webpage with the text 'I design and develop experiences that make people's lives simple.' is placed on a wooden table. It is set in an outdoor seating area with white furniture and greenery in the background. The setting appears to be calm and conducive to work or relaxation.
A laptop computer with a website displayed on the screen featuring the text 'Exceptional Web Application design & development'. The laptop is on a dark surface, and the website has a clean and modern design with a light background and colorful text elements.
A laptop computer with a website displayed on the screen featuring the text 'Exceptional Web Application design & development'. The laptop is on a dark surface, and the website has a clean and modern design with a light background and colorful text elements.
A dimly lit office setting with a laptop displaying code on the screen. The image shows a programming environment with various lines of HTML or JavaScript. A blurred hand is using a mouse on the left side, while another laptop is partially visible in the background. The overall setting suggests a workspace focused on coding or software development.
A dimly lit office setting with a laptop displaying code on the screen. The image shows a programming environment with various lines of HTML or JavaScript. A blurred hand is using a mouse on the left side, while another laptop is partially visible in the background. The overall setting suggests a workspace focused on coding or software development.
SuryaEdutech Website
πŸ’Ό Project: SuryaEduTech Training Institute Website
πŸ§‘β€πŸ’» Role: Full Stack Developer
πŸ› οΈ Technologies: HTML, CSS, JavaScript, React JS, Node.js, Express, MongoDB, Git, Jiraβœ… Roles & Responsibilities:
πŸ—£οΈ Client Interaction & Requirement Gathering
  • Conducted initial meetings with the client to gather requirements, understand business goals, and define the site’s structure.

  • Collected content such as course descriptions, trainer details, batch timings, and student testimonials.

  • Provided mockups and wireframes for approval before development.

🧩 UI/UX Design & Frontend Development
  • Designed the full website using HTML, CSS, and React JS with animated cards, carousels, and mobile responsiveness.

  • Built dynamic pages for Courses, Enrollments, Faculty, Upcoming Batches, and Student Success Stories.

  • Ensured SEO best practices and performance optimization for fast loading.

βš™οΈ Backend & API Integration
  • Set up a Node.js + Express backend to handle form submissions, course listings, and database communication.

  • Used MongoDB to store course, faculty, and student data.

  • Developed REST APIs to fetch/display dynamic content and manage enrollment queries.

πŸ” Collaboration & Agile Workflow
  • Participated in daily standups and sprint reviews using Jira for task tracking and version control with Git.

  • Worked with the designer for branding alignment and QA for cross-browser testing.

  • Integrated Google Analytics and contact form functionality.

πŸš€ Deployment & Client Handover
  • Deployed the site on Netlify/Vercel (frontend) and Render/Heroku (backend).

  • Provided client with basic CMS-like features to manage course updates.

  • Delivered documentation and offered ongoing support post-launch

Gallery

A person with short, curly hair and glasses is sitting at a desk, writing code on a large monitor. Wearing a denim jacket over a yellow hoodie, they are focused on the screen displaying multiple lines of code. The desk is organized with a keyboard, mouse, tablet, and various books in the background.
A person with short, curly hair and glasses is sitting at a desk, writing code on a large monitor. Wearing a denim jacket over a yellow hoodie, they are focused on the screen displaying multiple lines of code. The desk is organized with a keyboard, mouse, tablet, and various books in the background.
A computer screen displaying a text editor with several files open. Code is written in TypeScript or JavaScript, showing imports and configurations for a web application. The directory structure is visible on the left sidebar, highlighting different folders and files related to the project.
A computer screen displaying a text editor with several files open. Code is written in TypeScript or JavaScript, showing imports and configurations for a web application. The directory structure is visible on the left sidebar, highlighting different folders and files related to the project.
A person is working on a laptop at a table, focusing on a software interface displayed on the screen. The interface appears technical or related to programming and data flow. The setting seems to be a modern indoor office or study area with a window in the background.
A person is working on a laptop at a table, focusing on a software interface displayed on the screen. The interface appears technical or related to programming and data flow. The setting seems to be a modern indoor office or study area with a window in the background.
A workspace setting featuring an open laptop displaying code, a smartphone with a camera app open, a person's hand holding a cup of coffee, and a book titled 'Trend-Driven Innovation'. The person is wearing a watch and bracelets.
A workspace setting featuring an open laptop displaying code, a smartphone with a camera app open, a person's hand holding a cup of coffee, and a book titled 'Trend-Driven Innovation'. The person is wearing a watch and bracelets.
A computer monitor displays HTML code in an integrated development environment. The screen shows a structured hierarchy of HTML tags, including elements such as header, nav, and list items with classes and hyperlinks.
A computer monitor displays HTML code in an integrated development environment. The screen shows a structured hierarchy of HTML tags, including elements such as header, nav, and list items with classes and hyperlinks.
A computer screen displays software code in a text editor. The code seems to be related to a web page with HTML and CSS components. On the left side, a file tree shows various file names in a project. The code includes HTML structure and styling classes.
A computer screen displays software code in a text editor. The code seems to be related to a web page with HTML and CSS components. On the left side, a file tree shows various file names in a project. The code includes HTML structure and styling classes.

Showcasing my projects in HR and visitor management systems.