https://github.com/stanleymasinde/social-links
All social links in a clean and responsive interface.
https://github.com/stanleymasinde/social-links
links portfolio tailwindcss website
Last synced: 5 months ago
JSON representation
All social links in a clean and responsive interface.
- Host: GitHub
- URL: https://github.com/stanleymasinde/social-links
- Owner: StanleyMasinde
- License: mit
- Created: 2023-05-22T13:23:19.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2025-01-26T19:18:48.000Z (over 1 year ago)
- Last Synced: 2025-04-15T05:12:37.901Z (about 1 year ago)
- Topics: links, portfolio, tailwindcss, website
- Language: HTML
- Homepage: https://stanleymasinde.com
- Size: 3.99 MB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
## Social Links
> This repository contains links to all my social profiles.
### Features
1. **Simple and Accessible:** Easy to use and understand.
2. **SEO Friendly:** Optimized for search engines.
3. **Easy to Copy/Reuse:** Easily adaptable for your own use.
4. **Configurable Links:** Customize the links displayed.
### Upcoming Features
1. Analytics
### Running Locally
This project uses [Tailwind CSS][tailwind] for styling.
1. **Clone the repository:**
```bash
git clone git@github.com:StanleyMasinde/social-links.git
```
2. **Install dependencies:**
```bash
npm i
```
3. **Run the dev server:**
```bash
npm run dev
```
### Using This for Your Own Links
1. **Clone the repository:** (See [Running Locally](#running-locally))
2. **Install dependencies:** (See [Running Locally](#running-locally))
3. **Update `public/links.json`:** Replace the existing links with your own. The file should contain a JSON array of link objects. Example:
```json
[
{"platform": "twitter", "url": ""},
{"platform": "github", "url": ""}
]
```
4. **Deploy:** Deploy the generated files to your web server.
### Tools Used
1. [Vite][vite] - Next Generation Frontend Tooling
2. [Tailwind.css][tailwind] - Rapidly build modern websites without ever leaving your HTML.
[tailwind]: https://tailwindcss.com/
[vite]: https://vitejs.dev