Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/joserafael0160/jrlinks
All my links page made with HTML, PostCSS and JavaScript. 💜
https://github.com/joserafael0160/jrlinks
all-my-links allmylinks html-css-javascript javascript link-platform links postcss
Last synced: about 1 month ago
JSON representation
All my links page made with HTML, PostCSS and JavaScript. 💜
- Host: GitHub
- URL: https://github.com/joserafael0160/jrlinks
- Owner: joserafael0160
- License: mit
- Created: 2024-04-24T21:46:32.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-08-08T22:11:16.000Z (3 months ago)
- Last Synced: 2024-10-11T00:21:53.078Z (about 1 month ago)
- Topics: all-my-links, allmylinks, html-css-javascript, javascript, link-platform, links, postcss
- Language: HTML
- Homepage: https://jrlinks.pages.dev/
- Size: 5.51 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
🔗 JRLinks
>If you want to read this readme in **Spanish**
>- [**Spanish README**](https://github.com/joserafael0160/jrlinks/blob/main/readme.es.md)
## 📜 About
I have created this page with the intention of having all my links in one place. You can find me on all my platforms here. 💜
## 👀 Preview
In a PC (1920x1080)
In a iPhone SE (375x667)
## 💬 Features
- **Links**: Links to various Social Media Platforms, Messaging Platforms and Games/Educational Platforms.
- **Favicon Support**: Support for a wide range of favicon sizes has been added, ensuring that the site’s icon displays correctly on all devices and platforms.
- **Open Graph and Twitter Tags**: Open Graph and Twitter meta tags have been included, which optimize the preview of the website on social platforms like Facebook and Twitter.
- **Responsive Design**: The website has been designed to be responsive, which means it will look good on devices of all sizes.
- **Language Localization**: A script for changing the language has been added, making the site more accessible to users who speak different languages.
## 🧰 Stack
- [**Vite**](https://vitejs.dev/) - It’s a fast and flexible tool for building and testing JavaScript applications.
- [**HTML**](https://developer.mozilla.org/es/docs/Web/HTML) - It’s the standard markup language for web pages.
- [**PostCSS**](https://postcss.org/) - It allows you to use modern CSS features and plugins to write and process CSS with JavaScript.
- [**JavaScript**](https://developer.mozilla.org/es/docs/Web/JavaScript) - It’s the world’s most popular programming language.
- [**ESLint**](https://eslint.org/) - It’s an open-source tool that helps you find and fix problems with your JavaScript code.
- [**Stylelint**](https://stylelint.io/) - It’s a tool that checks your CSS code for syntax, features, and conventions
## 🚀 Getting Starter
1. **Fork** or clone this repository
```bash
git clone [email protected]:joserafael0160/JRLinks.git
```
2. Install the dependencies:
- I used [**bun**](https://bun.sh) to install and manage the dependencies.
```bash
# Install bun for MacOS, WSL & Linux:
curl -fsSL https://bun.sh/install | bash
# Install bun for Windows:
powershell -c "iwr bun.sh/install.ps1|iex"
# Install with bun:
bun install
```
- or you can use [**pnpm**](https://pnpm.io):
```bash
# Install pnpm globally if you don't have it:
npm install -g pnpm
# Install dependencies:
pnpm install
```
3. Run the development server:
```bash
# Run with bun:
bun run dev
# Run with pnpm:
pnpm run dev
```
## 🧞 Commands
| | Command | Action |
| :--- | :-------- | :-------------------------------------------- |
| ⚙️ | `dev` | Starts local dev server. |
| ⚙️ | `build` | Build your production site to `./dist/`. |
| ⚙️ | `preview` | Preview your build locally, before deploying. |
| ⚙️ | `deploy` | Deploy your website to github pages. |
## 🤝 Contributions
Contributions are always welcome! Whether you’re reporting bugs, requesting new features, or improving existing functionalities, your help is **greatly appreciated**.
If you have any suggestions that could improve the project, please make a [_fork_](https://github.com/joserafael0160/jrlinks/fork) of the repository and create a [_pull request_](https://github.com/joserafael0160/jrlinks/pulls). You can also simply open an [_issue_](https://github.com/joserafael0160/jrlinks/issues) with the “enhancement” label.
Here is a quick guide:
1. Make a [_fork_](https://github.com/joserafael0160/jrlinks/fork) of the Project
2. Clone your [_fork_](https://github.com/joserafael0160/jrlinks/fork) (`git clone `)
3. Add the original repository as remote (`git remote add upstream `)
4. Create your Feature Branch (`git switch -c feature/NewFeature`)
5. Make your Changes (`git commit -m 'Add: some NewFeature'`)
6. Push to the Branch (`git push origin feature/NewFeature`)
7. Open a [_pull request_](https://github.com/joserafael0160/jrlinks/pulls)
## 🔑 License
[MIT](https://github.com/joserafael0160/jrlinks/blob/main/LICENSE)
## 🙏 Support
Don't forget to leave a star ⭐️
✌️
A project created by @joserafael0160