Skip to content

mahg0899/socialbar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SocialBar V1 - Created by MAHG

[ENG] This is my version of SocialBar inspired by Linktree.

[ESP] Esta es mi versión de SocialBar inspirada en Linktree.

SocialBar


🚨 About Project / Sobre El Proyecto

[ENG] Developed in React, using TailwindCSS styles and CSS styles, this is a version to my own taste where the social networks I use the most are included, in addition, the most popular social networks in case it is to your liking.

[ESP] Desarrollado en React, utilizando estilos de TailwindCSS y estilos propios de CSS, esta es una versión a mi propio gusto en donde están las redes sociales que más utilizo incluido además, las redes sociales más populares por si es de tu gusto.

📌 How to Use / Cómo usar

[ENG] This project is free to use for anyone who wants to make their own SocialBar, that's why this project is open source (with respective attributions).

It is important to highlight that the footer of this project must remain unchanged, because that is where my personal site and the main repository are located, it is possible to modify it to add your own name next to mine and modify the footer to add any other link you wish to add, but without deleting the existing one.

[ESP] Este proyecto es libre de uso para cualquiera que desee realizar su propia SocialBar, es por ello que este proyecto es de código abierto. **(Con respectivas atribuciones)**

Importante resaltar que deberá permanecer el footer de este proyecto inalterado, pues ahí se localiza mi sitio personal y el repositorio principal, es posible modificar el mismo para añadir tu propio nombre junto al mío y modificar el footer para añadir cualquier otro link que usted desee añadir, pero sin eliminar lo existente.

💡 TL;DR

[ENG] Yes, you can make your own version by fork, as long as you leave the relevant links to this project.

[ESP] Resumen, puedes realizar tu propia versión mediante fork, siempre y cuando dejes los enlaces pertinentes a este proyecto.

🛠 Installation & Set Up

  1. Initializing the project.
    npx create-react-app my-app
    cd my-app
    npm start
  1. Install dependencies.
    npm install -D tailwindcss
    npx tailwindcss init

And

    npm i --save @fortawesome/fontawesome-svg-core
    npm i --save @fortawesome/free-solid-svg-icons
    npm i --save @fortawesome/free-regular-svg-icons
    npm i --save @fortawesome/free-brands-svg-icons

🚀 Building.

  1. Generate a full static production build
    npm run build
  1. Testing or preview
    npm start