https://github.com/iksergey/react-quick-start

🚀 🎉 Быстрый старт в React
https://github.com/iksergey/react-quick-start

javascript reactjs

Last synced: 7 days ago
JSON representation

🚀 🎉 Быстрый старт в React

• Host: GitHub
• URL: https://github.com/iksergey/react-quick-start
• Owner: iksergey
• Created: 2024-04-16T10:56:15.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-08-08T15:27:30.000Z (3 months ago)
• Last Synced: 2024-08-08T17:59:49.270Z (3 months ago)
• Topics: javascript, reactjs
• Language: JavaScript
• Homepage: https://stepik.org/a/197191/pay?promo=5749ef0badb40674&utm_source=github.com&utm_medium=react_quick_start&utm_campaign=narodny_course&utm_term=about
• Size: 568 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Буткемп

### Преобретая буткемп по [ЭТОЙ ССЫЛКЕ](https://stepik.org/a/197191/pay?promo=51f2e70c7ce4b640&utm_source=github.com&utm_medium=react_quick_start&utm_campaign=narodny_course&utm_term=first) вы получаете приятную скидку

### О буткемпе

Буткемп "Fullstack-разработка с нуля" включает в себя следующие ключевые компоненты:

- **Frontend-разработка** с использованием **React.js**.

- **Backend-разработка** с использованием **C# Web API**.

- Работа с **базами данных** и **SQL**.

- Использование **Docker** для контейнеризации приложений.

Буткемп предназначен для тех, кто хочет получить комплексные знания и навыки в области фулстек разработки, начиная с основ и заканчивая продвинутыми техниками и инструментами.

### О репозитории

Репозиторий представляет собой часть учебного курса по фулстек разработке, он охватывает технологии и языки программирования, такие как C#, JavaScript, Docker, SQL, React.JS, Git, HTML, CSS, Bootstrap, Markdown, LaTeX, основы математики и алгоритмов.

Преобретая буткемп по [ЭТОЙ ССЫЛКЕ](https://stepik.org/a/197191/pay?promo=51f2e70c7ce4b640&utm_source=github.com&utm_medium=react_quick_start&utm_campaign=narodny_course&utm_term=second) вы получаете приятную скидку

---

# Пример React Приложения

[Просмотр](https://iksergey.github.io/react-quick-start/build)

Это простое React приложение, демонстрирующее основные принципы работы с компонентами и запросами к API. Приложение загружает данные с [JSONPlaceholder](https://jsonplaceholder.typicode.com/posts) и отображает первые 5 постов в виде карточек с картинками.

## Установка

1. Клонируйте репозиторий на свой компьютер:

```bash

git clone https://github.com/iksergey/api-explorer-hub.git

```

2. Перейдите в директорию проекта:

```bash

cd api-explorer-hub

```

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

```bash

npm install

```

## Запуск

После установки зависимостей, запустите приложение:

```bash

npm start

```

Приложение будет доступно по адресу [http://localhost:3000](http://localhost:3000) в вашем браузере.

## Структура проекта

- `src/components`: Директория содержит компоненты приложения.

  - `HeaderItem.js`: Компонент заголовка.

  - `FooterItem.js`: Компонент подвала.

  - `ContentItem.js`: Компонент контента.

- `Layout/HomePage/HomePage.jsx`: Главный компонент приложения 

- `src/index.js`: Входная точка приложения.

## Как это работает

Приложение загружает данные с API [JSONPlaceholder](https://jsonplaceholder.typicode.com/posts) с использованием библиотеки `axios`. Затем отображает первые 5 постов на главной странице в виде карточек с изображениями. Изображения берутся с [https://picsum.photos](https://picsum.photos)

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

- React

- JavaScript

- Axios

- HTML/CSS

## Вклад

Если вы хотите внести свой вклад в проект, пожалуйста, отправьте `pull request`.