/website-steamfolio

Building a customizable portfolio interface in the style of Steam. Using Bun, React and Vite.

Primary LanguageTypeScript

AndersonMarlon Repository size GitHub last commit License GitHub Pull Requests Contact me at @Yagasaki7K

Steamfolio. Built with 💙 by Anderson "Yagasaki" Marlon and contributors

📌 Table of Contents

👀 Demo Website

👉 Demo: https://steamfolio.vercel.app/

💻 Technologies

This project was made using the follow technologies:

  • Bun
  • ReactJS
  • Typescript
  • Styled Components
  • Vite
  • Steam API

🚀 Features

Portfolio

🚧 How to run

# Clone Repository
$ git clone https://github.com/Yagasaki7K/website-steamfolio.git
$ Go to folder using terminal
$ bun install (needs bun installed)
$ bun dev (to start the project on http://localhost:5173/)

If you want something, wait for yarn build to be obeyed, and after that open a little change decision!

🐛 Issues

Feel free to file a new issue with a respective title and description on the Steamfolio repository. If you already found a solution to your problem, i would love to review your pull request!

🎉 Contributing

First of all, thank you for being interested in helping out, your time is always appreciated in every way. 💯

Here's some tips:

  • Check the issues page for already opened issues (or maybe even closed ones) that might already address your question/bug/feature request.
  • Feature requests are welcomed! Provide some details on why it would be helpful for you and others, explain how you're using bull-board and if possible even some screenshots if you are willing to mock something!

🍃 Understanding the variables

  • infoGithub: Stores information about the user fetched from the GitHub API.
  • userGitHub: GitHub username for whom the information is fetched.
  • subnick: Subtitle or additional name information for the user.
  • avatarBorder: URL of the user's avatar with specific border.
  • flag: Country code for the user's flag.
  • birthday: User's birth year.
  • sinceExperience: Year the user started experience as a developer.
  • infoSubTitle: Subtitle for the user's information.
  • badgeTitle: Title of the user's badge or insignia.
  • badgeEXP: Amount of experience associated with the badge.
  • badgeIcon: URL of the badge icon.
  • twitterLink: URL of the user's Twitter profile.
  • awardIconLink: URL for the award icon.
  • perfilIconLink: URL for the profile icon.
  • urlAvatar: URL of the user's avatar.
  • nickname: Nickname or name of the user.
  • location: User's location based with GitHub info.
  • infoTitle: Title of the user's information.
  • githubLink: URL of the user's profile on GitHub.

📕 License

Released in 2024

Made by Anderson Marlon This project is under the MIT license.