From 083443795bb833926505155f54b78ff29b28612c Mon Sep 17 00:00:00 2001
From: AlexCode-dot <alle7000.andersson@gmail.com>
Date: Tue, 3 Jun 2025 12:58:33 +0200
Subject: [PATCH 1/2] feat(ReadMe) - Added deployment description in readme.md
 file

---
 README.md                              | 44 ++++++++++++++++++++++++++
 src/styles/MovieDetailCard.module.scss |  2 +-
 2 files changed, 45 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 18e3c6d..70a59a1 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,47 @@
+# Deployment (Vercel)
+
+## The app is live at: [https://kino-nextjs.vercel.app](https://kino-nextjs.vercel.app)
+
+## This fullstack Next.js application is deployed entirely in the cloud using Vercel, with a database hosted on MongoDB Atlas.
+
+### Stack
+
+- Frontend: Next.js (React-based framework)
+
+- Backend: Next.js API routes
+
+- Database: MongoDB Atlas
+
+- Hosting: Vercel
+
+### Deployment Steps
+
+1. The GitHub repository was connected directly to Vercel.
+
+2. Environment variables (such as MONGODB_URI, OMDB_API_KEY, etc.) were configured in the Vercel dashboard.
+
+3. Vercel automatically installs dependencies, builds the app using npm run build, and deploys it using the default Next.js configuration.
+
+4. MongoDB Atlas is used to persist all data, including users, movies, rooms, screenings, bookings, and reviews.
+
+### Continuous Deployment
+
+Every push to the main branch automatically triggers a new build and deployment through Vercel.
+
+There is also a preview deployment for every PR to main. To get access to the preview deployment you need following:
+
+- Must have a Vercel account
+
+- Must be added as a team member to your Vercel project
+
+- Must be logged in to Vercel when opening the preview link
+
+### Result
+
+The entire app (frontend, backend, and database) is now fully cloud-based and can be used directly through the browser with no local setup required.
+
+---
+
 # Branch Protection Rules for "main"
 
 ## Rules in Place
diff --git a/src/styles/MovieDetailCard.module.scss b/src/styles/MovieDetailCard.module.scss
index 5f84bbd..051f758 100644
--- a/src/styles/MovieDetailCard.module.scss
+++ b/src/styles/MovieDetailCard.module.scss
@@ -1,5 +1,5 @@
 @use 'sass:color';
-@use './ShowTimesTabs.module.scss' as *;
+@use './ShowtimesTabs.module.scss' as *;
 
 .movieDetailCard {
   ul,

From c83624120fc6498d15fb8e893b8af280f612a3f6 Mon Sep 17 00:00:00 2001
From: AlexCode-dot <alle7000.andersson@gmail.com>
Date: Tue, 3 Jun 2025 13:08:54 +0200
Subject: [PATCH 2/2] fix(spelling) - fixed spelling error in the link

---
 README.md | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 70a59a1..50aaeba 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,9 @@
 # Deployment (Vercel)
 
-## The app is live at: [https://kino-nextjs.vercel.app](https://kino-nextjs.vercel.app)
+## Live Deployment
+
+The application is live and accessible at:  
+[https://kino-next-js.vercel.app](https://kino-next-js.vercel.app)
 
 ## This fullstack Next.js application is deployed entirely in the cloud using Vercel, with a database hosted on MongoDB Atlas.