Что я охватываю:
- Введение
- Инструменты
- Проект
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» перенаправляют пользователя на соответствующую страницу регистрации/входа в систему, связанную с сотрудником или работодателем. Это первая страница, которая отображается при запуске приложения. Эти странные названия тегов — стилизованные классы компонентов.
Вы можете увидеть маршруты авторизации в структуре папок, но я еще не кодировал эту секцию.
На этом пока все, друзья. Оставайтесь с нами!
Не стесняйтесь проверять исходный код для стилей и прочего.