Skip to content

UnMugViolet/portfolio

Repository files navigation

PorfolioXp

Quality Gate Status Lines of Code GitHub package.json GitHub repo size GitHub License

🌐 Website

portfolio

👷 Disclaimers

This is an ongoing project and it is not done yet. If you encounter any bugs it will be really helpfull if you could provide the origin of that bug, the browser you used and the device.

This design was not made by me. All the icons, wallpaper and sounds belong to windows corporation, so there's nothing I've created here. All I did was copy and apply the design for the web.

The music component is broken working. I've been waiting for the Spotify team to review my application for extension request, first review was mentionning the usage of old logo of spotify, they were right there is some guidelines about the graphics and I complied, second review said basically that there will not be enough user for that use case. I put all the code to the trash and start all over with songs played locally.

✨ Features

  • Loading Screen & Login
  • Internationalisation 🇬🇧 En / 🇫🇷 Fr
  • Play Minesweeper
  • Play DOOM
  • Reach me by email
  • See my projects
  • Notepad
  • MyCv
  • My Images
  • My Calendar
  • Listen to my playlist
  • Manage the volume in the website

⚡️ Consumption

Since WindowsXp design was not really meant to be eco friendly (thanks to the billions of linear gradients) I did my best to make it as lightweight as possible.

Link to Website Carbon Calculator website

🎨 Webdesign

The original design was made by the windows xp team, there is nothing I've done here but copying it for my use using web languages.

The design part was pretty straight forward on Figma, I used it more like a place where I could put ressources. You can still use the components created in the Figma Design they are free and no need to quote.

Link to Figma

I used after that the docker image of windows xp, that helps a lot to see all the small interactions there is :

Link to Dockurr repo

⌨️ Deployement

The deployment is made using a Jenkins pipeline with Sonarqube on my personal server see projects->Homeserver on my porfolio for more details.

🔨 Usage

npm install

Compile with Hot-Reload and Scss for Development

npm run dev:all

Compile and Minify for Production

npm run build

Docker

Now you can run the project using docker

See the Docker compose file bellow for deployement.

services:
  portfolio-xp:
    image: unmugviolet/portfolio-xp:latest
    container_name: portfolio_xp
    ports:
      - "35000:35000"
    volumes:
      - .:/app/data
    networks:
      - portfolio_network
    restart: unless-stopped

networks:
  portfolio_network:
    driver: bridge

Run the Docker container

docker compose up -d

Now you can access the website at http://localhost:35000

About

PortfolioXP

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published