Be the Hero

Быть героем

Сумарный

1. О проекте.
2. Дорожная карта того, что было сделано в течение недели.
3. Добавлены дополнительные функции.
4. Установите проект.
5. Как начать проект.
   1. Бэк-Энд.
   2. Внешний интерфейс.
   3. Мобильный
   4. Если выставка не была инициализирована.
6. Лицензия.

? О проекте.

Этот проект был разработан для помощи людям, чтобы решить свою проблему и помогать своим сообществам, создавая НПО (не правительственная организация) на веб-сайте и публикуя их дела там, так как это будет работать?

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

Тогда герой сможет увидеть список случаев, доступных в мобильном приложении, тогда он может выбрать случай для участия, и после того, как он выберет один, он свяжется с НПО по электронной почте или по их номеру WhatsApp (мобильный).

После этого герой и неправительственная организация обсудят, как они могут помочь друг другу, чтобы решить дело :)

Список функции разработал

Первый день.

• Аппентация нанесения ✔.
• Настройка среды разработки ✔.
  • Node.js && npm ✔.
  • Visual Studio Code ✔.
• Понимание Фрон-Энда и Бэк-Энда ✔.
• Создать проект с node.js ✔.
• Понимание React и Spa ✔.
• Создать проект с React.js ✔.
• Понимание нативного и выставки React ✔.

День второй.

• Node.js и Express ✔.
  • Маршруты и ресурсы ✔.
  • HTTP Методы ✔.
  • Типы параметров ✔.
• Конфигурация Nodemon ✔.
• Использование Imnsominia ✔.
• Различия между базами данных ✔.
• Конфигурация базы данных ✔.
• Замечание о сущностях и функциях ✔.
• Строительство заднего конца ✔.
• Добавление модуля CORS ✔.
• Отправляя бэк-энд на GitHub ✔.

День третий.

• Очистка реакционной структуры ✔.
• React Concepts ✔.
  • Компоненты ✔.
  • JSX ✔.
  • Государство ✔.
  • Неизменность ✔.
• Страница входа в систему ✔.
• Настройка маршрутов ✔.
• Страница регистрации НПО ✔.
• Список случаев ✔.
• Конфекция задней части к приложению React ✔.
• Отправка фронтального входа в GitHub ✔.

День четвертый.

• Установка выставки ✔.
• Создание нативного проекта React ✔.
• Эмуляция проекта ✔.
  • В смартфоне (используется ✔).
  • Эмуляторы.
  • Expo Stack.
• Различия между React.js и React Native ✔.
  • HTML -элементы ✔.
  • Семантический ✔.
  • Острый ✔.
    • Flexbox ✔.
    • Свойства ✔.
    • Наследство стиля ✔.
    • Собственный стиль ✔.
• Структура пасты ✔.
• Значок и экраны брызг ✔.
• Настройка навигации ✔.
• Кейс Страница ✔.
• Страница сведений о случае ✔.
• Открытие WhatsApp и E-Mail ✔.
• Подключение заднего косточка к мобильному приложению ✔.
• Отправка мобильного телефона на GitHub ✔.

День пятый.

• Добавление проверки ✔.
• Добавление тестов ✔.
  • Зачем делать тесты? ✔.
  • Концепция TDD ✔.
  • Настройка шутки ✔.
  • Настройка тестовой базы данных ✔.
  • Установка SuperTest ✔.
  • Тестирование маршрута аутентификации ✔.
• Развернуть ✔.
  • Альтернативы ✔.
  • Что выбрать? ✔.
• Вещи, которые нужно учиться в будущем.
  • Стандартизация кода (Eslint, краситель).
  • Jwt аутентификация.
  • Стилизованные компоненты.
• Советы, чтобы использовать лучше.
  • GitHub ✔.
  • LinkedIn ✔.

? Добавлены дополнительные функции.

• Страница 404 (Интернет) ✔.
• Создайте эффект загрузки с эффектом скелета (Web) ✔.
• Отзывчиво (Интернет) ✔.
• Проверить вход и инциденты (заднее время).
• Создайте входную маску с помощью реагирования-маски (Web).
• Сделайте оставшиеся тесты (заднее время).
• Сделайте тесты (фронт и мобильный).
• Эффект загрузки с ReactContentLoader (Mobile) ✔.

Установите проект.

Прежде всего, вам нужно будет установить NPM или пряжу на свой компьютер, чтобы загрузить пакеты.

Мы рекомендовали использовать NPM, потому что проект был создан с ним

Чтобы установить заднюю часть, вам нужно будет выполнить эти команды.

 cd backend

and

npm install or yarn ( if you are using Yarn).

Чтобы установить фронт-энд, вам нужно будет выполнить эти команды.

 cd frontend

and

npm install or yarn ( if you are using Yarn).

Чтобы установить мобильный телефон, вам нужно будет выполнить эти команды.

 cd mobile

and

npm install or yarn ( if you are using Yarn).

Как начать проект.

Бэк-Энд

Чтобы запустить бэк-энд, вам нужно будет выполнить эти команды

 //To enter the backend folder use:
cd backend

//To initialize the backend use:
npm start

Внешний интерфейс

Чтобы запустить фронт, вам нужно будет выполнить эти команды

 //To enter the frontend folder use:
cd frontend

//To initialize the frontend use:
npm start

Мобильный

Чтобы запустить мобильный телефон, вам нужно будет выполнить эти команды

 //To enter the mobile folder use:
cd mobile

//To initialize the mobile use:
Expo start

☠ Если выставка не была инициализирована

Если выставка не была инициализирована, у вас может не быть expo-cli на вашем компьютере, поэтому для его установки вам нужно запустить эту команду.

 npm install -g expo-cli

После установки вам нужно перезапустить свой CMD и снова запустить expo start Command.

Если проблема сохраняет доступ к репозиторию общих проблем Expo, чтобы решить его.

? Лицензия

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