Learning & Training sessions

studied next.js routing;
nested routes, navigation between pages ,
linking between pages, redirects.
created next.js app, practiced above ones

studied next.js rendering:
server components- static rendering,
dynamic rendering,
streaming, benefits of server rendering.
done adding stylessheets to the next.js app

started doing maqam project into next.js,
integrated the html , css and other necessary components in next.js app
created completed integrating home page,
created hotel section,
started doing hotel searchpanel

Done the search panel for hotels. Fetched location/city dynamically from Elastic data.
Implemented check-in and check-out datepicker functionality. Added validations for date selection to prevent invalid inputs.
Implemented adult and child count inputs. Added functionality to capture age for each child.
Created Add Room and Remove Room functionality. Validations implemented for all room-related inputs. Fetched nationality list.
Encountered errors due to TypeScript typing. Created a separate TypeScript file for type definitions. Built interfaces for each component and imported them properly. Resolved most type-related issues and improved type safety.
Attended product training class

issue persisted in opening guest/nationality section. corrected the import issue.
style changed when added react to html, close button not dosplaying. added close button and functionality.
fetched getcountry api for getting nationality. error showing-body params issue. so fetched pretoken and token to give in body.
understood it cant be stored in server component.so transformed it into the client component

studied next.js file conventions,
next.js layouts,
loading.js,
notfound.js

studied postgresql database:
create table,insert into,fetch data,add column,update,alter column,drop column,delete,drop table
studied postgresql syntax.
studied node.js basic configurations for building applications concept.

studied postegreSql . studied node.js.
studied integrating database, backend with frontend

completed next.js task- show listing and clicks navigates to details page.
created using static file as well as dynamically by passing params.
fixed type errors in seo admin section -flight and makkah
created new fields for storing values and passed in controller and frontend interface

done next.js task of localization
fixed errors in flight module during edit , create of cities and routes

studied Next.js App Router internationalization, locale-based routing Setup
created messages, request-scoped configuration, done plugin setup, linked root layout,
setup set up a proxy for routing, navigation APIs, moved all existing layout and pages to [locale],

Localization placing button section and navigating to translations task completed.
covered theory portions Server Functions, Creating Server Functions, Server Components, Client Components, Passing actions as props, Invoking Server Functions, Forms, Event Handlers, Examples, Showing a pending state, Refreshing, Revalidating, Redirecting, useEffect
Attended next.js training class

done task for fetching api and displaying lists
covered portions fetch, cacheTag, revalidatetag, updatetag, revalidatepath, unstable_cache

covered server actions section:
using forms with server action, creating new route and form, create a server action, extract data from form data,validate and prepare the data, create dynamic route segment with id, read id from page params
-also corrected issue in seo(reactnode) delete of airline is reflecting only after refresh

covered api routes:
parameters, http methods, request helpers, response helpers, set statuscode for response, sending json and http response, redirecting to url
added button clicks for displaying apilist
-fixed bugs of seo(reactnode) for not displaying arabic section(prefill) of editroute form, meta fields of edit route form

studied middleware settings, fetching api for token,refreshtoken. studied method to get clientip, to set expiry time for token inoreder to get refreshtoken after the expiry time.

done flight deals section of booksultan. created flightdeals interface for storing types. created file for fetching the api from backend, created function to structure the response data. created function for redirect link so as to navigate to its corresponding result. created server side component to display flight deals. also created client side component for the same.
corrected issues in hotel deals as it was showing the data multiple time in ui.

started doing hotel deal click event. created url for hotel deal result page. created hotelpage server component. kept modifysearch,filter,sort section as static. created result block. showing various errors, correcting it. server side of fetching api has done.

had done api fetching for hotelsearch and hotelresult. created server component for calling api. api call for search is seen in network. but showing An error occurred during the API request. so that the resultblock showing data is not visible