kingsukhguesthouse-redesign

🏡 A static, mobile-responsive React + Tailwind CSS website for Kingsukh Guest House in Baranti, West Bengal — featuring smooth animations, contact form with EmailJS, and SEO-optimized design.

Active Pure Nim score 65/100 · last commit 2026-08-04 · 1 stars · tests present · no docs generated

Summary

Latest Version Unknown
License Unknown
CI Status Failing
Stars 1
Forks 0
Open Issues 0
Last Commit 2026-08-04
Downloads 0
Last Indexed 2026-09-06 06:05

Installation

nimble install kingsukhguesthouse-redesign
choosenim install kingsukhguesthouse-redesign
git clone https://gitlab.com/vishalpatel7777/kingsukhguesthouse-redesign

OS Compatibility

Platform Linux macOS Windows FreeBSD OpenBSD NetBSD Android iOS WASM Embedded
kingsukhguesthouse-redesign ✓ ✓ ✓ - - - - - - -

Source

Repository https://gitlab.com/vishalpatel7777/kingsukhguesthouse-redesign
Homepage https://gitlab.com/vishalpatel7777/kingsukhguesthouse-redesign
Registry Source gitlab

README

🏡 Kingsukh Guest House – Static Website

A fully responsive, SEO-ready static website for a nature-rich guest house in Baranti, West Bengal — built with React and Tailwind CSS.

📸 Live Demo

🔗 mykingsukhguesthouse

🔧 Tech Stack & Tools

Tool/Library Purpose
React Component-based UI framework
Vite Fast build tool and dev server
Tailwind CSS Utility-first CSS for responsive design
React Icons Icon packs (FontAwesome)
Framer Motion Smooth and modern animations
AOS Animate on scroll effects
React Hook Form Contact form handling & validation
EmailJS Send emails without backend
React Helmet Async SEO meta tag management
React Hot Toast User-friendly notifications
React Scroll Smooth scrolling to sections

🧪 Testing

- ✅ Lighthouse Testing:

🚀 Getting Started

# Step 1: Create the app
npm create vite@latest .

# Step 2: Install dependencies
npm install tailwindcss @tailwindcss/vite
npm install react-router-dom framer-motion aos react-hook-form react-icons react-scroll
npm install @emailjs/browser
npm install react-hot-toast --legacy-peer-deps

📂 Folder Structure

src/
├── assets/         # Images, icons
├── components/     # Navbar, Footer, Card, etc.
├── pages/          # Home, About, Rooms, Services, Contact
├── App.jsx
├── main.jsx
├── index.html      # Global <head> configuration (if needed)
└── vite.config.js

✨ Features

  • 📱 Fully mobile responsive
  • 📩 Contact form with real-time validation + email delivery via EmailJS
  • 🎨 Scroll animations (AOS + Framer Motion)
  • 🔔 Toast notifications for form feedback
  • 🔎 SEO optimized
  • 📍 Google Maps embed for directions

🧠 Fonts Used

  • Playfair Display SC – for logo
  • Playfair Display – for headings
  • Lato – for navigation links
  • Open Sans – for body/content

📚 Helpful References

📬 Contact Feature

  • Uses EmailJS to send messages directly to admin email.
  • Configurable via .env file:
VITE_EMAILJS_SERVICE_ID=your_service_id
VITE_EMAILJS_TEMPLATE_ID=your_template_id
VITE_EMAILJS_PUBLIC_KEY=your_public_key

Form validates: required fields, correct email & 10-digit mobile number

🧑‍💻 Author

Made with 💙 by Vishal patel

📧 Contact: patelvishal14642@gmail.com

💬 Feedback or Suggestions?

Feel free to open an Issue or Contact Me. I'm always open to ideas that make mykingsukhguesthouse better!