Bug #2320
Frontend Training -Feb
Added by Karishma Tak about 2 months ago. Updated 4 days ago.
0%
Subtasks
Updated by Saransh Bakoliya about 2 months ago
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
Updated by Saransh Bakoliya about 1 month ago
- Start date changed from 02/23/2026 to 02/24/2026
completed CSS basics
Started Angular
Set up Angular project and development environment
configured angular environment
Updated by Saransh Bakoliya about 1 month ago
- Start date changed from 02/24/2026 to 02/25/2026
read about angular signals
commands
templates
components
Updated by Saransh Bakoliya about 1 month ago
read about interpolation
worked on creating basic components
Updated by Saransh Bakoliya about 1 month ago
Worked on developing a basic counter app in angular
implemented increment decrement and reset functionality
learned angular concepts through youtube tutorials
Updated by Saransh Bakoliya about 1 month ago
- Status changed from New to In Progress
- Watching Angular videos on Youtube and Udemy
implemented routing
fixed minor ui issues
Updated by Saransh Bakoliya about 1 month ago
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 & NavigationUpdated by Saransh Bakoliya about 1 month ago
Topics- Lazy loading - Routing & Navigation
Create Admin Component Why Bootstrap?
Install & Setup Bootstrap
Forms in Angular with Form Validation
Add Nav-bar (Header Component)
Updated by Saransh Bakoliya 30 days ago
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
Updated by Saransh Bakoliya 23 days ago
Task Completed->
Setup Angular project and UI
Topics-
Implement Reactive login Form
Create Authentication Service
Validate login and display result
Updated by Saransh Bakoliya 22 days ago
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.
Updated by Saransh Bakoliya 21 days ago
-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
Updated by Saransh Bakoliya 18 days ago
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
Updated by Saransh Bakoliya 17 days ago
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
Updated by Saransh Bakoliya 16 days ago
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
Updated by Saransh Bakoliya 15 days ago
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.
Updated by Saransh Bakoliya 14 days ago
Today I learned about React basics like what React is, setting up your project, and understanding components and JSX with simple examples.
Updated by Saransh Bakoliya 11 days ago
Today i have completed learning React basics like what React is, setting up your project, and understanding components and JSX with simple examples.
Updated by Saransh Bakoliya 10 days ago
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
Updated by Saransh Bakoliya 7 days ago
- Due date set to 04/02/2026
Updated sidebar with additional language options including Gujarati, Marathi, Tamil, and Telugu
Enhanced multilingual support across the application
Improved dashboards for better usability and localization
Implemented translation updates to ensure accurate multilingual content
Added and configured new languages in the sidebar for easy switching
Updated by Saransh Bakoliya 7 days ago
- Due date changed from 04/02/2026 to 04/03/2026
Today I have completed half work on the estimated price calculation module for charging stations:
Developing a dynamic pricing engine based on Time of Use (ToU) and Energy Units (kWh).
Integrating Car Model specifications to provide tailored cost estimates based on battery capacity.
Creating a real-time price preview feature for users before initiating a charging session