https://github.com/musaibshabir/portfolio

A responsive and modern Portfolio website built using Kobweb, leveraging Kotlin and Compose HTML for seamless UI and performance.
https://github.com/musaibshabir/portfolio

jetpack-compose kobweb kotlin portfolio website

Last synced: 3 months ago
JSON representation

A responsive and modern Portfolio website built using Kobweb, leveraging Kotlin and Compose HTML for seamless UI and performance.

• Host: GitHub
• URL: https://github.com/musaibshabir/portfolio
• Owner: MusaibShabir
• License: mit
• Created: 2025-03-26T15:21:43.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2025-04-03T23:03:19.000Z (about 1 year ago)
• Last Synced: 2025-04-03T23:25:06.015Z (about 1 year ago)
• Topics: jetpack-compose, kobweb, kotlin, portfolio, website
• Language: Kotlin
• Homepage: https://musaibshabir.github.io/Portfolio/
• Size: 28.8 MB
• Stars: 19
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


## Portfolio Website

Welcome to my personal portfolio website, built using the [Kobweb](https://github.com/varabyte/kobweb). This site showcases my projects, skills, and experiences.



  

   



## About Kobweb 

Kobweb is an opinionated Kotlin framework for creating websites and web applications. It is built on top of Compose HTML and draws inspiration from frameworks like Next.js and Chakra UI. Kobweb enables developers to use Kotlin and Compose to build rich, dynamic web applications while leveraging the greater Kotlin ecosystem.

## Tech Stack

- **[Kobweb](https://github.com/varabyte/kobweb):** Compose HTML framework for Kotlin multi-platform.

- **[Jetpack Compose](https://developer.android.com/jetpack/compose):** Modern Android UI toolkit for building native UIs in a declarative way.

- **[Kotlin](https://kotlinlang.org/):** Modern programming language for concise and expressive code.

## Previews: 

### Home Section

![Preview](images/home_section.gif)

### Dark Theme

![Preview](images/full_screenShot_dark.png)

### Light Theme

![Preview](images/full_screenShot_light.png)

## Getting Started

Follow these steps to set up Kotfolio locally:

1. **Clone the repository:**

   ```bash

   git clone https://github.com/MusaibShabir/Porfolio.git

   ```

2. **Getting Started**

    First, run the development server by typing the following command in a terminal under the `site` folder:

    ```bash

    $ cd site

    $ kobweb run

    ```

    Open [http://localhost:8080](http://localhost:8080) with your browser to see the result.

You can use any editor you want for the project, but we recommend using **IntelliJ IDEA Community Edition** downloaded

using the [Toolbox App](https://www.jetbrains.com/toolbox-app/).

Press `Q` in the terminal to gracefully stop the server.