๐ด Namma Kudla โ Discover Mangaluru
A responsive static tourism website showcasing Mangaluru (Kudla) โ its destinations, culture, food, beaches, and local stories. Built using HTML, CSS, and JavaScript, with clean navigation and modular pages.
๐ Live Demo
๐ https://kudla-360.vercel.app/
If you havenโt deployed yet, donโt skip this. A repo without a live demo is half-baked.
๐ Features
Multi-page website with clear navigation
Dropdown dashboard menu
Dedicated pages for:
Destinations
Beaches
Culture & Community
Food
Stories & Blog
Maps & Guides
Clean UI with reusable layout
Responsive design (works on mobile & desktop)
Lightweight & fast (no unnecessary frameworks)
๐ ๏ธ Tech Stack
HTML5 โ Semantic structure
CSS3 โ Styling & layout
JavaScript (Vanilla) โ Interactivity
Images (JPG / PNG / WebP) โ Optimized assets
No frameworks. No bloat. Just fundamentals done right.
๐ Project Structure KUDLA/ โโโ index.html # Home page โโโ about.html โโโ destinations.html โโโ beaches.html โโโ culture.html โโโ food.html โโโ stories.html โโโ maps.html โโโ guide.html โโโ editor.html โโโ contact.html โโโ post.html โ โโโ style.css # Global styles โโโ app.js # Core JS logic โโโ post.js # Blog interactions โโโ stories.js # Stories page logic โ โโโ images/ # Project images (jpg/png/webp) โโโ README.md
Structure is clear. If you want extra polish later, move images into an /assets folder.
๐ง What I Learned
Structuring a real multi-page website
Creating reusable navigation with dropdown menus
Organizing frontend projects properly
Writing clean, readable HTML & CSS
Managing static assets efficiently
๐ธ Screenshots
Add screenshots here (homepage, destinations, mobile view).
/screenshots/home.png
/screenshots/destinations.png
Screenshots are not optional if you want this repo to look serious.
๐ฆ How to Run Locally git clone https://github.com/anoopcodehack/kudla.git cd namma-kudla open index.html
No build steps. No dependencies.
๐ฎ Future Improvements
Convert to React or Next.js
Add backend for blog & comments
Integrate Google Maps API
Improve accessibility (ARIA labels)
Add SEO meta tags per page
๐ค Contributing
Pull requests are welcome. If you find bugs or improvements, open an issue first.
๐ License
This project is open-source and available under the MIT License.
๐ค Author
Anoop A ๐ง anooparjun05@gmail.com ๐ https://www.linkedin.com/in/anoop-a-95b7b3331/