Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ryzmdn/link-bio
A one-page minimalist web link bio that's suitable for sharing on social media bio.
https://github.com/ryzmdn/link-bio
personal-website single-page-app tailwindcss vite vue vue3
Last synced: about 1 month ago
JSON representation
A one-page minimalist web link bio that's suitable for sharing on social media bio.
- Host: GitHub
- URL: https://github.com/ryzmdn/link-bio
- Owner: ryzmdn
- License: mit
- Created: 2024-11-14T07:51:26.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-11-14T07:54:48.000Z (about 1 month ago)
- Last Synced: 2024-11-14T08:30:53.441Z (about 1 month ago)
- Topics: personal-website, single-page-app, tailwindcss, vite, vue, vue3
- Language: Vue
- Homepage: https://link-bio-sooty.vercel.app/
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Link Bio
This project is a simple website developed using **Vue**, **Vite**, and **Tailwind CSS**. The goal of this project is to provide social media links and e-commerce products that can be placed in social media bios through a responsive, modern, and interactive design. It's suitable for beginners as practice in using the React framework and styling with Tailwind CSS.
## Features
- **Responsiveness**: Using Tailwind CSS to make sure the page looks good on various screen sizes.
- **Modular Components**: Built with separate React components for easier maintenance.
- **Accessibility**: Designed with accessibility in mind to be usable by all users.
- **Customizable**: Easy to change images, text, and theme.
## Preview
## Requirements
Make sure you have installed the following before starting:
- **Node.js**: >= 14.x
- **npm**: Package managers for installing dependencies.
## Instalasi
If you want to use this repository, follow these steps:
```bash
# Clone repository
git clone https://github.com/ryzmdn/link-bio.git
# Change directory
cd link-bio
# Install packages
npm install
# Start
npm run dev
```
The project is now running on and accessible through your browser. ```http://localhost:5173```
## Usage
1. Adjust the Vite configuration according to your preferences in ```vite.config.js```.
2. Adding a new link: Use the directory to add some social media links if needed in ```src/App.vue```.
3. Customizing with Tailwind: Customize the component styles in ```tailwind.config.js```.
## Contribution
Contributions are very open to further development of the project. If you would like to contribute, please do:
1. Fork this repository.
2. Create a new branch for your feature or fix ().```git checkout -b new-features```
3. Commit your changes().```git commit -m 'Add new features'```
4. Branch of Push().```git push origin new-features```
5. Submit a pull request.
## Licence
This project is licensed under the **MIT License** – please see the LICENSE file for more details.