VikashPR / a

Yasser's Website

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

🌏 anaxes.xyz

My personal site created with HTML & TailwindCSS, utilising Lanyard, GitHub and Twitter API.

πŸ“š Credits

This personal website is heavily inspired/built off of Audun's Personal Website.

πŸ”— Website: Audun.gg
πŸ”— GitHub: Audn
πŸ”— Twitter: tweetaudun

*Note: Audun recently updated their personal website and github repo. My personal website is built off of a previous version of their website. This repository is in no way "mine". I have just added my personality to Audun's original personal website.

πŸš€ Getting Started

To start off, please clone the repository:

git clone https://github.com/DiscordAnaxes/Anaxes.xyz

Next, change directory:

cd Anaxes.xyz

As this website uses TypeScript, you will need to install it:

npm install -g typescript

Then, open the directory (This step is for Visual Studio Code. Please refer to your preferred IDE/Text Editor on how to open folders/directories.):

code .

🏷️ Lanyard, 🐈 GitHub API & 🐀 Twitter API

Firstly, you want to change the API endpoints in /assets/ts/lanyard.ts, /assets/ts/github.ts, & /assets/js/twitter.ts.

In those files please change the ending of the API endpoints:

Lanyard.js file:

https://api.lanyard.rest/v1/users/<your discord id>

Github.js file:

https://api.github.com/users/<your github username>

Twitter.js file:

Unfortunately the endpoint for the Twitter API is custom and only retrieves my Twitter account data. You'll have to use your own system on getting Twitter data.

*Note: To use Lanyard API you must join their Discord Server & to compile TypeScript to JavaScript: Run tsc

πŸ” Deploy on Netlify

The easiest way to deploy a website for free, is to use a provider called Netlify.

Check out the Netlify deployment documentation for more details.

πŸ‘‹ Conclusion

Thank you for taking your time to read this README. It would support Audun & Me greatly, if you link our respective websites in the footer area of the website (or anywhere that suits you).

About

Yasser's Website

License:MIT License


Languages

Language:HTML 78.7%Language:TypeScript 17.6%Language:CSS 3.2%Language:JavaScript 0.5%