Самодокументация Hire +Plus: V1 (1)


Что я охватываю:

  • Введение
  • Инструменты
  • Проект

Intro

Итак, я планирую создать платформу Hiring/JobBoard для работодателей и сотрудников (ориентированный на разработчиков, забавный демонстрационный проект для моего портфолио).

Моя идея состоит в том, чтобы иметь два раздела для работодателей и сотрудников. Работодатели могли бы размещать свои вакансии, искать кандидатов и управлять ими с помощью встроенной доски управления, подобной Trello. Сотрудники могли бы просматривать объявления о вакансиях от компаний-работодателей, создавать и управлять своими профилями, а также подавать заявки на работу через сайт компании.

Я подумал, что будет интересно поделиться своей разработкой. Я назвал его Hire +Plus. Я использую React с react-router и Styled components, но по мере продвижения я буду использовать больше инструментов. Я хочу добавить Typescript и погрузиться в более профессиональную среду.

Обновление, инструменты, которые я использую:

React, React-Router, Tailwindcss, Typescript, и firebase для базы данных и аутентификации, и cypress для тестирования.

Что я использую для помощи

В этом мне помогут статьи и видео Йоханнеса Кеттманна на Youtube :), а также подписка на курсы Андрея Негоя по ZTM.

Взгляд на проект

Вот как выглядит структура моих папок сейчас.

Мой файл index.js управляет маршрутизацией. React Router имеет способ вложенности маршрутов. Переход к "/" или "launch" приведет к появлению компонента Launch. Не стесняйтесь изучить это подробнее в react-router. Я знаю, что обязательно это сделаю.

Компонент launch отображает две разделенные секции. Кнопки «get started» перенаправляют пользователя на соответствующую страницу регистрации/входа в систему, связанную с сотрудником или работодателем. Это первая страница, которая отображается при запуске приложения. Эти странные названия тегов — стилизованные классы компонентов.

Вы можете увидеть маршруты авторизации в структуре папок, но я еще не кодировал эту секцию.

На этом пока все, друзья. Оставайтесь с нами!

Не стесняйтесь проверять исходный код для стилей и прочего.

Оцените статью
Procodings.ru
Добавить комментарий