Разработчик программного обеспечения под ником Panshak опубликовал туториал по созданию приложения для выставления счетов. Оно выполнено на стеке MERN и подойдет для фрилансеров и малого бизнеса. По словам автора, кейс направлен на повышение навыков разработки ПО, а также на расширение портфолио необычным проектом.
Стек MERN похож на стек MEAN, на его клиенте располагаются следующие инструменты:
Вот что должно получиться:
Особенности приложения:
Рассмотрим технологии, которые были использованы в проекте.
Фронтенд
Бэкенд
База данных
Чтобы запустить проект локально, создайте форк и клонируйте репозиторий или загрузите его в формате .zip
и распакуйте на своем устройстве.
cd client
и создайте в корне клиентского каталога файл .env
;REACT_APP_GOOGLE_CLIENT_ID = REACT_APP_API = http://localhost:5000 REACT_APP_URL = http://localhost:3000
Чтобы получить Google ClientID для аутентификации, перейдите на страницу авторизации. Если у вас еще нет аккаунта, сначала создайте новый проект и выполните следующие шаги:
OAuth
и нажмите кнопку Создать (Create);http://localhost:3000
и http://localhost:3000/login
);REACT_APP_GOOGLE_CLIENT_ID
в файле .env
.$ cd client $ npm install (to install client-side dependencies) $ npm start (to start the client)
cd server
и создайте в корне каталога файл .env
сервера;DB_URL = PORT = 5000 SECRET = SMTP_HOST = SMTP_PORT = SMTP_USER = SMTP_PASS =
Чтобы создать URL-адрес подключение к MongoDB, который будете использовать в качестве DB_URL, следуйте следующему руководству.
$ cd server $ npm install (to install server-side dependencies) & npm start (to start the server)
Примечание: при получении ошибки при попытке отправить или загрузить PDF выполните следующие действия в терминале сервера.
$ npm install html-pdf -g $ npm link html-pdf $ npm link phantomjs-prebuilt
Вот и все! Исходный код проекта доступен на GitHub для всех желающих и распространяется по лицензии MIT. Демо проекта лежит здесь.
Автор планирует расширять функции приложения, поэтому следите за обновлениями.
Сегодня мы поговорим о том, как выбрать лучшие курсы Power BI в Украине, особенно для…
В 2023 году во всех крупнейших регионах конкуренция за вакансию выросла на 5–12%. Не исключением…
Unicorn Hunter/Talent Manager Лина Калиш создала бесплатный трекер поиска работы в Notion, систематизирующий все этапы…
Edtech-стартап Mate academy принял решение отправить своих работников в десятидневный отпуск – с 25 декабря…
Служба безопасности Украины задержала в Киеве 46-летнего программиста, который за деньги устанавливал шпионские программы и…
IT-специалист Джордан Катлер создал и выложил на Github подборку разнообразных ресурсов, которые помогут достичь уровня…