https://github.com/danula-ded/pindie-frontend

Frontend — часть приложения Pindie, которая обеспечивает красивый визуальный интерфейс, возможность выбора понравившейся игры и возможность сыграть в них, также осуществляет обмен данными с Backend через REST API.
https://github.com/danula-ded/pindie-frontend

css3 html5 reactjs rest-api

Last synced: about 2 months ago
JSON representation

Frontend — часть приложения Pindie, которая обеспечивает красивый визуальный интерфейс, возможность выбора понравившейся игры и возможность сыграть в них, также осуществляет обмен данными с Backend через REST API.

• Host: GitHub
• URL: https://github.com/danula-ded/pindie-frontend
• Owner: danula-ded
• License: mit
• Created: 2024-02-11T17:45:58.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-08-17T20:42:16.000Z (almost 2 years ago)
• Last Synced: 2024-08-18T21:00:04.650Z (almost 2 years ago)
• Topics: css3, html5, reactjs, rest-api
• Language: JavaScript
• Homepage:
• Size: 378 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


   # Pindie-Frontend

  [![Pindie Landing Page](https://img.shields.io/badge/View-Demo-888?style=for-the-badge&logo=github)](https://danula-ded.github.io/pindie-landing/)

   ![React](https://img.shields.io/badge/React-v18.2.0-blue)

   ![CSS](https://img.shields.io/badge/CSS3-%231572B6.svg?logo=css3&logoColor=white)

   ![HTML](https://img.shields.io/badge/HTML5-%23E34F26.svg?logo=html5&logoColor=white)

   ![API](https://img.shields.io/badge/API-REST-green)

   [![MIT License](https://img.shields.io/badge/License-MIT-blue.svg)](https://github.com/danula-ded/pindie-frontend/blob/main/LICENSE)



## Описание проекта

**Pindie-Frontend** — это веб-приложение, созданное на React, предназначеное для управления играми и игры в них. В приложении реализован удобный и интуитивно понятный интерфейс, который адаптируется под любые размеры экранов. А так же настроено взаимодействие с [backend](https://github.com/danula-ded/pindie-backend).

Основные функции включают:

- Добавление, удаление и редактирование игр через административную панель.

- Авторизация пользователей.

- Голосование за лучшие игры.

- Динамическая загрузка и обновление данных через API, связанное с backend-частью.

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

- **React** — основа фронтенда, предоставляет гибкую и мощную библиотеку для создания пользовательского интерфейса.

- **CSS/HTML** — стилизация и разметка страниц.

- **API** — взаимодействие с [backend](https://github.com/danula-ded/pindie-backend) через REST API для передачи данных и управления контентом.

## Установка и запуск

1. Клонируйте репозиторий:

   ```bash

   git clone https://github.com/danula-ded/pindie-frontend.git

   cd pindie-frontend

   ```

2. Установите зависимости:

   ```bash

   npm install

   ```

3. Запустите приложение:

   ```bash

   npm start

   ```

Приложение будет доступно по адресу http://localhost:3000.

## Взаимодействие с backend

#### Для корректной работы приложения необходимо, чтобы **[Backend](https://github.com/danula-ded/pindie-backend)** был запущен и настроен.