fe-diplom-trainbooking

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

fe-diplom-trainbooking

★ 8 Open GitHub ↗

Диплом к профессии frontend-разработчик (Система бронирования ЖД билетов)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# fe-diplom-trainbooking
Дипломная работа к профессии frontend-разработчик (Система бронирования ЖД билетов)

## Описание

### Задача

Необходимо сверстать и разработать frontend-часть (React) для онлайн-сервиса покупки билетов на ж/д направления.

![первый экран приложения](https://raw.githubusercontent.com/netology-code/fe-diplom-trainbooking/master/reference/images/1.png)

### Исходные данные
 
1. Общее описание сервиса - 1 шт.
2. Готовый Backend-сервис на NodeJS и MongoDB - 1 шт.
3. Документация по Backend - 1 шт.
4. Дизайн-макеты для вёрстки и последующей интеграции - очень много шт.

## Этапы разработки

Разработку SPA (Single Page Application) рекомендуется
разделить на следующие этапы:

1. [Вёрстка проекта](./reference/step-2.md)
2. [Базовое внедрение React](./reference/step-3.md)
3. [Полностью готовый frontend](./reference/step-4.md)

Также настоятельно рекомендуется сдавать данную работу на этих
промежуточных этапах вашему дипломному руководителю. Старайтесь делать
это как можно чаще для того, чтобы избежать лишнего переписывания кода
в процессе хождения не в ту сторону.

Разберём подробно каждый этап.

### Этап 1. Установка и настройка проекта

Критерии достижения:

1. Вы имеете актуальный код данного репозитория на рабочем компьютере;

Для получения подробностей по данному этапу
[перейдите по ссылке](./reference/step-1.md).

### Этап 2. Вёрстка проекта

Критерии достижения:

1. Вёрстка выполнена по всем требованиям (будут предоставлены по ссылке ниже)
2. Свёрстаны все страницы

Для получения подробностей по данному этапу
[перейдите по ссылке](./reference/step-2.md).

### Этап 3. Базовое внедрение React

Критерии достижения:

1. Настроена сборка и отладка проекта
3. Работают переходы по страницам
4. Отзываются элементы интерфейса
(раскрывающиеся блоки, всплывающие окна, работают переключатели и прочее)

Для получения подробностей по данному этапу
[перейдите по ссылке](./reference/step-3.md).

### Этап 4. Полностью готовый frontend

1. В поиске работает каждый параметр
2. В списке найденных билетов работает постраничная навигация, сортировка.
3. Полностью работает заказ нужного билета с выбором вагона,
заполнением документов и т.д.
4. Показываются ошибки в случае их наличия (в том числе, в формах)

Для получения подробностей по данному этапу
[перейдите по ссылке](./reference/step-4.md).

## Полезные материалы

1. [Информация о сервисе](./reference/service.md)
2. [Информация по API](./reference/api.md)

### Как правильно задавать вопросы дипломному руководителю?

**Что следует делать, чтобы все получилось:**

* Попробовать найти ответ сначала самому в интернете. Ведь, именно это скилл поиска ответов пригодится тебе на первой работе. И только после этого спрашивать дипломного руководителя
* В одном вопросе должна быть заложена одна проблема 
* По возможности, прикреплять к вопросу скриншоты и стрелочкой показывать где не получается. Программу для этого можно скачать здесь https://app.prntscr.com/ru/
* По возможности, задавать вопросы в комментариях к коду. 
* Начинать работу над дипломом как можно раньше! Чтобы было больше времени на правки. 
* Делать диплом по-частям, а не все сразу. Иначе, есть шанс, что нужно будет все переделывать :)

**Что следует делать, чтобы ничего не получилось:**

* Писать вопросы вида “Ничего не работает. Не запускается. Всё сломалось.”
* Откладывать диплом на потом. 
* Ждать ответ на свой вопрос моментально. Дипломные руководители - работающие разработчики, которые занимаются, кроме преподавания, своими проектами. Их время ограничено, поэтому постарайтесь задавать правильные вопросы, чтобы получать быстрые ответы!

fe-diplom-trainbooking

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README