Fork of XProfile, ❤️ for making this project. This fork just changes the code to link to your Mastodon Server.
<img src="https://skillicons.dev/icons?i=next,js,react,firebase" />
Check out the website: Mastodon Profiles
,{
"server": "fosstodon.org",
"username": "gabs",
"name": "Gabriel Cozma",
"github": "GabsEdits",
"banner_color": "#fff",
"about": "Human | gabs.eu.org"
}| Key | Value |
|---|---|
| server | This value should be your Mastodon server that you are apart of. |
| username | This value should be your Mastodon username. |
| name | This value should be your real name. |
| github | The value should be your Github username |
| banner_color | The value should contain any hex code for background just like Twitter eg: #fff, #000 |
| about | Short simple max 2 lines about yourself, You can also include links which are clickable |
- Fork the project:
- Fork the project. Click on the
icon in the top right to get started.
- Create a New Branch:
- On your new repository's page, click the gray
mainbutton in the upper left to reveal a dropdown menu. - Enter the name of your new branch in the text box. (Branch names usually make a reference to what is being changed. Example:
profileAdd). - Click on
Create branch <new branch name>and this will automatically take you to your new branch. You can make edits on the main branch, but this may cause issues down the line. Best practice is to create a new branch for each separate issue you work on. That way, yourmainbranch remains in sync withxprofilemainbranch.
- Navigate to file:
- Navigate to the
data/users.jsonfile.
- Edit:
- On the top right of the JSON file, click on the pencil icon to edit the file by adding your image, name and username.
- You can add JSON object wherever you want in the file, it will automatically arrange according to alphabetical order.
- After editing the JSON file, add a commit message and click on the green button saying "Commit Changes". Make sure you have selected the branch you have created.
- Raise a Pull Request:
- And finally, create a Pull Request!
- Great job! You did it!
- Remember to PR in
addProfile branch of repository
To run locally, just cd into the project and run the following commands to run node modules and serve the website locally.
yarnyarn run devThank you all so much for spending your time to improve Mastodon Profile.