Yagasaki7K / website-steamfolio

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

_{Steamfolio. Built with 🧡 by Anderson "Yagasaki" Marlon and contributors}

📌 Table of Contents

• 📌 Table of Contents
• 👀 Demo Website
• 💻 Technologies
• 🚀 Features
• 🚧 How to run
• 🐛 Issues
• 🎉 Contributing
• 🍃 Understanding the variables
• 📕 License

👀 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.