https://github.com/basedhound/kpop-social_ui_react

UI design for a social media platform inspired by the vibrant aesthetic of Kpop culture. Built with React and powered by Mantine component library, it features cozy, girly color palettes and aesthetics.
https://github.com/basedhound/kpop-social_ui_react

mantine react react-unicons react17 social

Last synced: 5 days ago
JSON representation

UI design for a social media platform inspired by the vibrant aesthetic of Kpop culture. Built with React and powered by Mantine component library, it features cozy, girly color palettes and aesthetics.

• Host: GitHub
• URL: https://github.com/basedhound/kpop-social_ui_react
• Owner: basedhound
• Created: 2022-09-11T00:40:20.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-06T11:10:59.000Z (5 months ago)
• Last Synced: 2024-11-09T03:24:09.872Z (2 months ago)
• Topics: mantine, react, react-unicons, react17, social
• Language: JavaScript
• Homepage: https://ksocial-fv.netlify.app
• Size: 2.47 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


    

      

    

  
KPOP Social UI



##  
 📋 Table of Contents

- ✨ [Introduction](#introduction)

- ⚙️ [Tech Stack](#tech-stack)

- 📝 [Features](#features)

- 🚀 [Quick Start](#quick-start)

##  
 ✨ Introduction

**[EN]** User interface design for a social media platform inspired by the vibrant aesthetic of Kpop culture. Built with React, it features cozy, girly color palettes and aesthetics. Leveraging the Mantine library and complemented by Unicons, it aims to deliver an engaging and visually appealing user experience.

**[FR]** Design pour un réseau social inspiré par l'esthétique vibrante de la culture Kpop. Développé avec React, il intègre une palette de couleurs "girly". Utilisant la bibliothèque Mantine et complété par Unicons, l'objectif est de fournir une expérience utilisateur engageante et visuellement attrayante.

##  
 ⚙️ Tech Stack

- [**React**](https://react.dev/reference/react) is a popular JavaScript library for building user interfaces, particularly single-page applications where data changes over time. React's component-based architecture allows developers to create reusable UI components, making development more efficient and the codebase easier to maintain. 

- [**Mantine**](https://mantine.dev/getting-started/) is a modern React component library designed to streamline the creation of scalable and accessible UIs. It offers a rich set of customizable components and hooks, empowering developers to build robust applications with efficiency and accessibility in mind.

- [**React Unicons**](https://help.iconscout.com/hc/en-gb/articles/13811255780889-How-to-use-Unicons) is a versatile icon library for React applications, providing a wide range of high-quality icons that can be easily integrated into projects. It simplifies the process of adding icons to user interfaces, enhancing visual appeal and usability without compromising performance.

## 
 🚀 Quick Start

Follow these steps to set up the project locally on your machine.


**Prerequisites**

Make sure you have the following installed on your machine:

- [Git](https://git-scm.com/)

- [Node.js](https://nodejs.org/en)

- [npm](https://www.npmjs.com/) (Node Package Manager)


**Cloning the Repository**

```bash

git clone {git remote URL}

```


**Installation**

Let's install the project dependencies, from your terminal, run:

```bash

npm install

# or

yarn install

```


**Running the Project**

Installation will take a minute or two, but once that's done, you should be able to run the following command:

```bash

npm start

# or

yarn start

```

Open [`http://localhost:3000`](http://localhost:3000) in your browser to view the project.