Welcome to the Kobweb Demo - Profile Card Example! This project showcases a beautifully designed profile card built entirely with Kotlin, demonstrating the power of server-side rendering with Kobweb. The demo includes interactive features such as dark and light themes, as well as an email button for quick contact.
🌍 Live Demo
🚀 View the live deployment here:
👉 https://kobwebdemo.onrender.com/
- Profile Card: A simple and elegant profile card with personalized contact details.
- Email Button: Clickable button to send an email directly.
- Dark and Light Themes: Toggle between dark and light modes effortlessly.
- Built with Pure Kotlin: No JavaScript required! This project leverages the powerful Kotlin ecosystem for a seamless experience.
Follow these steps to run the project locally:
-
Clone this repository:
git clone https://github.com/Quantum3600/KobwebDemo.git
-
Navigate to the
sitefolder:cd site -
Run the development server:
kobweb run
Open http://localhost:8080 in your browser to view the result.
-
Press
Qin the terminal to gracefully stop the server when you're done.
Make changes to your components, pages, or API endpoints and see the updates live! The development server automatically detects changes and reloads the application.
When you're ready to deploy:
-
Shut down the development server.
-
Export the project with:
kobweb export -
Run the project in production mode:
kobweb run --env prod
For automated environments (e.g., cloud providers), disable interactive mode:
kobweb run --env prod --nottyYou can also export the project for static site hosting (e.g., GitHub Pages, Netlify, Firebase). Learn more about static deployment here.
Contributions are welcome! Feel free to fork the repository, submit issues, or open pull requests.
If you have any questions or feedback, feel free to reach out:
- Email: trishitquantum360@gmail.com
- GitHub: Quantum3600
Built with ❤️ using Kobweb and Kotlin.