jonathanbc10 / linkmee

A linktree alike site built with React, Tailwind, Vite and Vite SVGR (to render svg files as components). Fully editable :)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

linkmee

GitHub repo size GitHub contributors GitHub last commit GitHub language count GitHub top language

A linktr.ee alike site where you can centralize your links with beautiful SVG icons.

Report Bug · Request Feature

Description

linkmee is a linktr.ee alike site that allows you to centralize your links and present them with beautiful SVG icons. With linkmee, you can create a personalized page with your social media profiles, website, and any other important links you want to share. The site provides a clean and visually appealing interface, making it easy for visitors to navigate and access your various links.

The project is built using React and utilizes SVG icons for each link. It leverages Vite as the development server and build tool.

Preview

Screenshot

Installation

To set up linkmee on your local machine, follow these steps:

  1. Clone the repository:
git clone https://github.com/jonathanbc10/linkmee.git
  1. Install the dependencies:
npm install
  1. Start the development server:
npm run dev
  1. Open your browser and visit http://localhost:5173 to view linkmee.

Usage

To customize linkmee with your own links and profile information, follow these steps:

  1. Open the ./src/data/index.js file.

  2. Modify the profileInfo object with your username and profile picture:

export const profileInfo = {
  username: "YourUsername",
  pic: profilepic, // Replace with your profile picture import
};
  1. Customize the links array with your desired links. Each link object should have a name, link URL, and corresponding icon:
export const links = [
  {
    name: "Github",
    link: "https://github.com/jonathanbc10",
    icon: GithubIcon, // Replace with your icon import
  },
  // Add more links here
];
  1. Save the file, and the changes will reflect in the linkmee site.

Contributing

Contributions and improvements to linkmee are welcome! To contribute, please follow these steps:

  1. Fork this repository.

  2. Create a new branch: git checkout -b {feature/fix/refactor}/my-new-feature.

  3. Make your changes and commit them: git commit -am "Add new feature".

  4. Push to the branch: git push origin {feature/fix/refactor}/my-new-feature.

  5. Open a Pull Request, and I will review your changes.

License

This project is licensed under the MIT License.

About

A linktree alike site built with React, Tailwind, Vite and Vite SVGR (to render svg files as components). Fully editable :)


Languages

Language:JavaScript 80.4%Language:CSS 12.7%Language:HTML 6.9%