https://github.com/filimonovalexey/link-bio-page

Мультиссылка для социальных сетей на React js
https://github.com/filimonovalexey/link-bio-page

chakra-ui javascript linkbio react

Last synced: 3 days ago
JSON representation

Мультиссылка для социальных сетей на React js

• Host: GitHub
• URL: https://github.com/filimonovalexey/link-bio-page
• Owner: FilimonovAlexey
• Created: 2023-09-16T10:35:08.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-06-26T12:41:42.000Z (5 months ago)
• Last Synced: 2024-06-26T17:45:25.928Z (5 months ago)
• Topics: chakra-ui, javascript, linkbio, react
• Language: JavaScript
• Homepage: https://link-bio-page.vercel.app/
• Size: 16.1 MB
• Stars: 6
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Мультиссылка для социальных сетей на React js

Страница со всеми социальными сетями, является аналогом таких сервисов как: **linktr**, **milkshake**, **Taplink** и многих других.

## Технологии

![ChakraUI](https://img.shields.io/badge/-chakraUI-61daf8?logo=chakraUI&logoColor=black)

![React](https://img.shields.io/badge/-React-61daf8?logo=react&logoColor=black)

![HTML5](https://img.shields.io/badge/-HTML5-e34f26?logo=html5&logoColor=white)

![CSS3](https://img.shields.io/badge/-CSS3-1572b6?logo=css3&logoColor=white)

![JavaScript](https://img.shields.io/badge/-JavaScript-f7df1e?logo=javaScript&logoColor=black)

![Webpack](https://img.shields.io/badge/-Webpack-99d6f8?logo=webpack&logoColor=black)

![](./public/Preview.png)

Обзор возможностей и настройка - [Смотреть на YouTube](https://youtu.be/l1lHN-G0kgg)  

Проект написан с использованием библиотеки компонентов для **React** - **Chakra UI**. [Ссылка на документацию Chakra UI.](https://chakra-ui.com/getting-started)

## Запуск проекта:

* Склонировать проект на ваш компьютер с Github с помощью команды:

```

git clone https://github.com/FilimonovAlexey/link-bio-page.git

```

* Установить зависимости с помощью команды:

```

npm install

```

* Запустить проект с помощью команды:

```

npm run start

```

## Настройка проекта

* Для отображения иконок в проекте используется библиотека **React Icons**. [Ссылка на документацию **React Icons**.](https://react-icons.github.io/react-icons)

* Анимации сделаны с использованием библиотеки: Motion. [Ссылка на документацию](https://www.framer.com/motion/introduction/)