Skip to content
@ITifico

ITifico

That is a blog application for one of my clients in freelance!

Blog application которое я сделал для один из моих клиентов в фрилансе, в этом прокете вы можете читать персональные Блоги.


Описание

Разные языки — на данном времени Блог имеет две языка: Английский и Украинский.

Курсы: на сайте есть курсы по языкам программирования, например C#

Возможности проекта в данном моменте:

  • добавление курсы;
  • добавление блоги;
  • можно работать на разных языков.

Будущая реализация в плане:

  • Авторизация для разных пользавателей;
  • Аналитика пользавателей;
  • архивирование блогов.

В данном времени проект состоит из 2 главных частей:

  1. Веб интерфейс(UI) — исходники здесь(ITifico_UI). Технологии в этом части:

    • React;
    • Sass;
    • Redux — для создание обший state в проекте;
    • i18next — для реализование разных языков;
    • parallax-js — создание плавающие картинки;
  2. Серверная часть — исходники здесь(ITifico_Server). Технологии в этом части:

    • Node.js — основная технология;
    • Express — для оброботки I/O запросов на сервер;
    • multer - загрузка картинки для блогов и курсов.
    • MongoDB — использован в качестве базы данных;
    • mongoose (ODM) — создание Модели(Schema) для базы данных MongoDB;

Для запуска коды Веб интерфейса(UI):

  1. Скачайте или клонируйте исходники — здесь(ITifico_UI);
$ git clone https://github.com/ITifico/ITifico_UI.git
$ cd ITifico_UI/client
  1. Установите пакеты с помощью npm:
$ npm install 
  1. Создайте новый файл с названием .env и добавьте нужные переменные(Environment Variables);
REACT_APP_FALLBACK_LANG=<язык по умолчанию> // например, "en-US"
REACT_APP_BOT_ID=<ID для бота который будет получать собщении> например, "5541441349:AAHmClIY8HDzL9N6AnJjpYq2yj3vMKI3rSQ"
REACT_APP_URL=<URL для веб интерфейса который будет видимый когда переслано> // например, "itifico.com"
REACT_APP_BASE_URL=<это URL на серверная часть, в текущем формате http://example.com >
REACT_APP_CHAT_ID=<чат ID с телеграм аккаунта, который бот будет использовать> // например, "381006076"
// Если еще не запускали сервер,
// вы можете написать URL в поле REACT_APP_BASE_URL текущую удаленную сервер — https://itifico-server-production.up.railway.app
  1. Запускайте проект локально:
$ npm start

Для запуска коды Серверную часть(Backend):

  1. Скачайте или клонируйте исходники — здесь(ITifico_Server);
$ git clone https://github.com/ITifico/ITifico_Server.git
$ cd ITifico_Server/server
  1. Установите пакеты с помощью npm:
$ npm install 
  1. Создайте новый файл с названием .env и добавьте нужные переменные(Environment Variables);
PORT=<порт для запуска сервера, например "5000|8080">
CLIENT_URLS=<можно добавить несколько URL от UI части для разрешение доступа CORS, в формате "http://example.com,http://another.com" 
MONGOURI=<mongodb подключение URI>
// Вы сможете использовать тестовую базу данных,подключая этот URI "mongodb+srv://Dilrozbek_Raximov:931897318Rd@cluster0.e9gps.mongodb.net/maximal-demo"
  1. Запускайте проект локально:
$ npm start

Требования

  • Node.js v16.0.0 или новее (предпочтительно v18).

Pinned

  1. ITifico_UI ITifico_UI Public

    The User Interface for Blog - ITifico.

    JavaScript 1 1

  2. ITifico_Server ITifico_Server Public

    The Server side of the ITifico blog, and the most logic of the project is here!

    JavaScript

Repositories

Showing 3 of 3 repositories
  • ITifico_UI Public

    The User Interface for Blog - ITifico.

    JavaScript 1 Apache-2.0 1 0 0 Updated Apr 27, 2024
  • ITifico_Server Public

    The Server side of the ITifico blog, and the most logic of the project is here!

    JavaScript 0 Apache-2.0 0 0 0 Updated Aug 24, 2023
  • .github Public
    0 0 0 0 Updated Aug 24, 2023

Top languages

Loading…

Most used topics

Loading…