Learning & Training sessions

Implemented Redux selectors,reducers,store for Hotel Search and Hotel Results.
Integrated Hotel Search API using the new withSearchId route structure.
Integrated Hotel Results API and mapped response into Redux.
Verified the result API works correctly when a valid SessionKey is received.
The Hotel Search API returns Code: 400 with Internal Server Error, instead of returning a valid SessionKey.
Verified that payload match the original API structure.

Completed API corrections across the entire hotel search flow, ensuring all endpoints for HotelSearch and HotelResult work as expected without internal errors.
Built new Redux reducers and actions specifically for Storing Hotel Results
Started frontend integration: Replaced static result-panel values with dynamic API-driven hotel data, the resultpanel is not seen as there is some errors with data binding.

implemented hotel result panel section.
implemented dynamic hotel images, hotel name, hotel address, hotel description with specific number of chars, star rating with switch statements
implemented fare section with dynamic strikeout amount, currency, roompernight price,
select button given as static , need to add functionality. need to show details,map,amenities

started doing filter section.
done budget filter, star rating filter,
done details modal- displayed hotelname, address, price, checkin, checkout, description. (map, amenities not done)

completed remaining filter section
done filter by name section. given autocomplete input box for searched hotel, so that after clicking search button it filters the result and show matched ones
done property accessibility filter, enabled show more show less option to display the properties
done board type filter by an issue persist of not displaying corresponding ones

done sort section for results;
sort based on price: created helper for sort function, hook to connect the redux result with sort function, binded it in the component
sort based on hotel name: such a way that it sorts in ascending order of alphabets by localeCompare, clicked again turns to descending order
sort based on star rating: passed a parameter for storing boolean such a way that initially it is true so that it sorts high rating to low rating ones. also passed else case to sort from low to high rating

started doing details page section:
created function onclick for the select option in result page- in seperate detail helper component
constructed url for the the browser in details page - navigation was successful but showed 404
created hotel detail folder and a page.tsx for the navigation component- 404 changed , but showed errors in page.tsx
created a helper to fetch the getdetails api . given req header and body accordingly, but the api call is not getting in network

details page section implementation:
corrected fetching of getdetails api - it is been got in network, but showing 500 internal server error.
tried giving payload in different ways ,still same
so started redux and other ui with result parameters assumption.
created hoteldetails reducer and hoteldetails selector. started creating hoteldetails main page ui that is given in the page.tsx.
created seperate component to show details section. image carousel is given within same component, map is created in seperated component(ui not completed). created different tabs in the details page such as roomoptions,hoteldescriptions etc as dynamic tab selection accordingly

hotel details page:
getdetails api fetching is corrected. shown the status success and displayed data in the network.
displayed hotelname, starrating, Address, PhoneNo, checkInDate, checkOutDate, TotalRooms, TotalAdult, TotalChild,
stored particular results in redux

hotel detail page binding

done select room section. created roomtype, boardtype selecting options.
created room choice, price selecting options.
cancelllation policy not working.
according to choosing room - select option enabled with displaying price.
select option clicking navigation started doing. created url.

done pending section of details page such as Hotel Overview, Amenities
studied pax page workflow
created hotelpax server file that fetches getpax api call

studied f+h module validations,
onclick search passing api's,
next.js way of passing api's,
necessary helper functions to call api's,
creating ui functionality,
integrating server, client components.