!full-stack developer
10 subscribers
169 photos
18 videos
18 files
19 links
(~﹃~)~zZ
Download Telegram
——————————————
День 164: Без комментариев
——————————————

Я просто оставлю это здесь
Ну а если с комментариями то это моё первое полноценно-рабочее fullstack приложение
Из достижений:
впервые подключил PostgreSQL к Node.js
Исправил миллион ошибок с кодировками
Разобрался с CommonJS
Настроил .env, CORS, TypeScript типы
Запустил два сервера одновременно
Получил данные из БД в React

Так же разобрал docker, думаю он в данный промежуток времени идеально поможет
—————————————————
День 165: Повторение мать учения
—————————————————

Сегодня повторил код в ручную по созданию fullstack, просмотр подсказок минимален
👍1👎1
—————————
День 166: fullstack
—————————

Сегодня в ручную написал всё приложение, так же разобрал тонкости в ts, времени не много было
——————————————
День 167-168: fullstack
——————————————

вчера закемарил на 10 часов, чуть скипнул вечер, но тем не менее,
поучил CommonJS, nextJS, postgreSQL, Express
——————————
День 169: backend
——————————

Спустя 100+ ошибок получилось с нуля сделать современный и безопасный бек

А так же:
Создал и запустил TypeScript + Express + PostgreSQL сервер
Настроил подключение к базе данных
Создал таблицу users и добавили туда данные
Реализовал GET-роуты для получения данных
Настроил ES Modules и разобрались с CommonJS
Добавил middleware для аутентификации (авторизация через токен)
Создал роут /api/login для получения токена
Успешно отправил защищённый запрос через curl и fetch
Получил данные из БД через защищённый API
Разобрался с CORS, Helmet, Morgan, dotenv
Настроил ts-node-dev для авто-перезапуска сервера
Понял, как работает аутентификация и заголовки
Научился использовать psql для работы с PostgreSQL
Понял, как отправлять заголовки в браузере и через терминал
This media is not supported in your browser
VIEW IN TELEGRAM
——————————
День 170: all-in-one
——————————

Сегодня был самый тяжёлый день за всё время программирования, более 500 ошибок, больше 8 часов непрерывного кодинга, был разработан сервер со всеми уровнями защитами, задеплоен докер, и прочие тесты

Изучено:
Упаковка fullstack-проект в Docker - backend, frontend, PostgreSQL - всё в одном docker-compose.yml.
- Разобрался с инициализацией базы данных через init.sql - теперь таблицы создаются автоматически.
- Освоил сетевое взаимодействие между контейнерами - DB_HOST: db, VITE_API_BASE_URL: http://backend:3001.
- Успешно собрал и запушил два Docker-образа на Docker Hub:
fe1ex/shablon-backend:latest
fe1ex/shablon-frontend:latest
- Сделал проект полностью переносимым — он запускается на любом ПК с Docker одной командой.
- Запустил рабочее fullstack-приложение:
Backend отдаёт данные из PostgreSQL по /api/onemoredbs
Frontend отображает список пользователей с помощью React + Tailwind
- Глубоко понял, как работают Docker, PostgreSQL, Express, Vite, React, TypeScript
code.png
1.9 MB
сегодняшний MVP момент