adding connections to github repos in projects' content routes +fixes…

… +Change from bookings to accommodations...

README.md

@@ -4,7 +4,7 @@
 ##### Description: Wochlife App serves 2 purposes:
   1. as Filip Čablík's personal portfolio and work overview
   2. creating awareness about the brand's purpose
-##### #Stack: Remix.run / TypeScript / SQLite / Fly.io / prisma / GitHub Actions / Resend / and more..
+##### #Stack:
 ![Remix](https://img.shields.io/badge/remix-%23000.svg?style=for-the-badge&logo=remix&logoColor=white)
 ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white) 
 ![Prisma](https://img.shields.io/badge/Prisma-3982CE?style=for-the-badge&logo=Prisma&logoColor=white)

app/routes/_base+/index.tsx

@@ -241,9 +241,9 @@ export default function Index() {
 									innerBoxClass={lightGreenGradient}
 								/>
 							</Link>
-							<Link to="projects/booking-systems">
+							<Link to="projects/accommodations-apps">
 								<ProjectsContentBox
-									name={'Webs /w Booking Systems'}
+									name={'Webs /w Accommodations Apps'}
 									description={'since 2022'}
 									iconName="desktop"
 									innerBoxClass={lightGreenGradient}

app/routes/projects+/accommodations-apps.tsx

@@ -0,0 +1,28 @@
+import { Button } from '#app/components/ui/button.tsx'
+
+export default function PortfolioFreelance() {
+	return (
+		<div>
+			<h3 className="mb-6 text-xl font-semibold capitalize md:text-2xl">
+				Accommodations Management Applications
+			</h3>
+
+			<div className="custom-content-box-height">
+				{/* overflow-y-scroll */}
+				{/* Accommodations Apps content */}
+				<div className="mb-6">
+					<p className="mb-4">Discover more from the GitHub repo:</p>
+					<a
+						href="https://github.com/fcablik/wochlife-accomodations"
+						target="_blank"
+						rel="noreferrer"
+					>
+						<Button variant="highlight-secondary">
+							Wochlife Accommodations
+						</Button>
+					</a>
+				</div>
+			</div>
+		</div>
+	)
+}

app/routes/projects+/online-stores.tsx

@@ -1,17 +1,26 @@
+import { Button } from '#app/components/ui/button.tsx'
+
 export default function PortfolioFreelance() {
 	return (
 		<div>
 			<h3 className="mb-6 text-xl font-semibold capitalize md:text-2xl">
-				E-commerce
+				E-commerce (Online Stores)
 			</h3>
 
 			<div className="custom-content-box-height">
 				{/* overflow-y-scroll */}
-				{/* online stores content */}
-
+				{/* Accommodations Apps content */}
 				<div className="mb-6">
-					<h5 className="mb-2 text-lg md:text-xl font-semibold capitalize">..Thanks for patience.</h5>
-					<div>Online Stores content is getting ready..</div>
+					<p className="mb-4">Discover more from the GitHub repo:</p>
+					<a
+						href="https://github.com/fcablik/worldofchaos.com-shop-reactjs_app"
+						target="_blank"
+						rel="noreferrer"
+					>
+						<Button variant="highlight-secondary">
+							World Of Chaos ReactJS Shop App
+						</Button>
+					</a>
 				</div>
 			</div>
 		</div>

app/routes/projects+/web-dev.tsx

@@ -15,7 +15,7 @@ export default function PortfolioFreelance() {
 					custom apps
 				</NavLink>
 				<NavLink
-					to="booking-systems"
+					to="accommodations-apps"
 					className={({ isActive }) => (isActive ? 'text-highlight' : '')}
 				>
 					custom apps

app/routes/projects.tsx

@@ -102,11 +102,11 @@ function RouteSelector({
 							/>
 						)}
 					</NavLink>
-					<NavLink to="booking-systems" onClick={handleClick}>
+					<NavLink to="accommodations-apps" onClick={handleClick}>
 						{({ isActive }) => (
 							<ProjectsContentBox
 								boxClass={isActive ? 'bg-highlight-dark' : ''}
-								name={'Booking Systems'}
+								name={'Accommodations Apps'}
 								description={'since 2022'}
 								iconName="desktop"
 								innerBoxClass={cn(