training

Revised basics of HTML
Covered important HTML topics
practiced coding exercise related to html structures and elements
improved understanding of semantic tags and form handling

read about interpolation
worked on creating basic components

Worked on developing a basic counter app in angular
implemented increment decrement and reset functionality
learned angular concepts through youtube tutorials

Watching Angular videos on Youtube and Udemy

Compare File Structure (in NgModule & Standalone projects)

Run ngModule Project in different port - Compare File Structure - Play around with projects

- Create Component (Home Component)

- Understand “export” keyword Routing & Navigation

Topics- Lazy loading - Routing & Navigation
Create Admin Component Why Bootstrap?
Install & Setup Bootstrap
Forms in Angular with Form Validation
Add Nav-bar (Header Component)

Forms in Angular with Form Validation
Add Nav-bar (Header Component)
Today I Completed work on the task of creating the Login page development task assigned by Piyush sir

Task Completed->
Setup Angular project and UI
Topics-
Implement Reactive login Form
Create Authentication Service
Validate login and display result

Today, I have completed my task implement route protection in an Angular application using an Auth Guard. This will ensure that only authenticated users can access protected routes, while unauthenticated users are redirected to the login page. Additionally, I will design a basic dashboard UI that becomes accessible only after successful login, with optional display of user information.

-Completed Angular login page task
-Add Bootstrap Icons & Delete Course from Admin Component
-Add Footer
-Restructure project & optimise code for better code readability
-Design About Component -Interfaces

Today, I Have learn these Topics-
Restructure project & optimise code for better code readability
- Design About Component -Interfaces
- Services in Angular (Create course service for CRUD with RxJS)
-Sync Code in both Standalone & ngModule projects
-and i worked on my login Page

oday i will work on Modal Form Module did half of the work today remaining work will start from tomorrow
Design Modal Structure
Create main modal layout for form input
Plan UI for adding multiple entries using “+” button
Implement Dynamic Form Addition
Enable functionality to duplicate the same form on “+” click
Ensure forms are added below in a structured way
Validation & Data Handling
Apply required field validations for each form entry
Manage and store multiple form data efficiently
Testing & UI Improvements
Test multiple form additions and user flow
Fix UI/UX issues and ensure smooth interaction

Today I have completed my work on the Modal Form Module. I have completed half of the implementation, and today my focus will be on styling the modal using HTML and CSS.
Styling Modal Structure
Design and enhance the modal layout for better visual appearance
Apply proper spacing, alignment, and responsive design
Improve form input styling for better usability
Enhancing Dynamic Forms UI
Style multiple form entries added via the “+” button
Ensure consistent layout and spacing between duplicated forms
Maintain a clean and structured visual hierarchy
Validation & UI Feedback
Style validation messages and error states
Highlight required fields clearly for better user experience
UI Testing & Improvements
Test styled modal across different screen sizes
Fix any UI inconsistencies or alignment issues

Today I have completed the following:
Data Insertion & User Input
JSON Integration: Map and auto-populate form fields using JSON data.
User Data Handling: Logic to capture and save data entered by the user in dynamic rows.
Dynamic Mapping: Ensure all "+" button entries are correctly structured for submission.
Material Design Styling
Material Surface: Apply Elevation (box-shadows) and depth to the modal container.
Material Inputs: Implement Floating Labels and bottom-line focus effects.
Iconography: Use Material-style icons for "Add" and "Delete" actions.
Visual Feedback: Apply Material color palettes for error states and primary actions.

Today I learned about React basics like what React is, setting up your project, and understanding components and JSX with simple examples.

Today i have completed learning React basics like what React is, setting up your project, and understanding components and JSX with simple examples.

Today I have worked on implementing multilingual support in the EVCSMS frontend
Added language options for Marathi language and Gujarati language
Updated UI to support seamless language switching
Ensured proper localization and text rendering across screens
Performed testing to verify smooth user experience

Today i learned about React hooks and their usage

Today I learned React Hooks, including useState, useEffect, useContext, useRef, useMemo, useCallback, and useReducer.
I understood how hooks help manage state and lifecycle in functional components.
Also revised key concepts like Props vs State and component lifecycle using useEffect.
Focused on improving performance using memoization hooks.

Today I have worked on->
Completed UI fix for “Filter by Station” to expand from ~20% to full width, aligning with other filters.
Resolved layout issue caused by flex and auto width constraints in filter section.
Implemented and tested full CRUD operations in React using Axios (GET, POST, PUT, DELETE).
Integrated API handling with proper state management and UI updates.
Validated functionality and ensured consistent responsive behavior across components.

Today I have worked on->
Fixed “Filter by Station” width issue by updating layout from ~20% to full width (100%) for consistent UI.
Committed and pushed the changes to GitHub.

Today i have completed -.
Implemented complete CRUD operations in React using Axios (GET, POST, PUT, DELETE).
Integrated APIs with state management for seamless data handling and UI updates.
Handled API responses, errors, and loading states for better user experience.
Tested all CRUD functionalities to ensure proper data flow and reliability.

Today i have worked on->
Worked on fixing responsiveness issues in Fault Monitoring modal.

Implemented horizontal scroll and adjusted table layout for mobile screens.

Optimized dialog sizing and improved UI behavior for smaller devices.

Tested across different screen sizes and verified improved responsiveness.

Today i have worked on ->
Implemented multilingual language translation support for the application.
Added and configured translations for 10 different languages across UI components.
Verified translated labels, placeholders, and messages for consistency and accuracy.
Tested language switching functionality and ensured proper rendering across screens