Полностью отзывчивое приложение для одной страницы, сделанное с помощью Mern Stack! ?
Технология используется
Реагировать
Узел
Mongo Db
Выражать
Redux
Редис
Шутка
База данных используется
Монго
Редис
Начиная
Клонировать репо в местной среде, вы должны отдельно установить все зависимости для бэкэнд и фронта.
Для Backend перейдите в папку Backend (Backend CD) и запустите npm i
Установите MongoDB
Или вы можете использовать веб -сайт
Добавьте свои переменные окружающей среды
Создайте файл .env в корневом каталоге папки Backend и добавьте там свои токены по отношению к переменным файлами конфигурации.
Access_token_secret = "какой -то секрет"
Access_token_life = время
Represh_token_secret = "какой -то секрет"
Represh_token_life = время
Sendgrid_key = ""
Mongo_database = ""
Oauth2client = ""
Stripe_secret_token = ""
Redis_host = ""
Redis_password = ""
Redis_port = ""
ПРИМЕЧАНИЕ. Убедитесь, что переменные файлов .env совпадают с такими файлами конфигурации, как изображение ниже.
Для Frontend перейдите в папку Frontend (Front-Tend) и запустите npm i
Чтобы запустить среду разработки, вы можете использовать команду npm start . Это запустит веб-сервер разработки на порте 3000 для Frontend, а также API-сервер, наблюдаемый с Nodemon на порту 8080.
Примечание: вы должны начать NPM для бэкэнда и отдельно фронта.
ЕДИНЦИОННЫЕ Тестирование
Вы можете проверить бэкэнд, экспресс -конечные точки с помощью команды (тест NPM)
Docker Compose
Клон Coursera Dockerise, а хранилище Docker Hub можно найти здесь https://hub.docker.com/repository/docker/ayushverma/coursera/general
Если вы используете Docker и Docker Compose, вы можете начать весь проект с:
docker-compose up
? Функции
Студент
Система аутентификации с регистрацией, входом в систему, проверкой OTP, повторным OTP, забыл пароль (полностью проверен с помощью оповещений Bootstrap)
Аутентификация Google (OAUTH2) с использованием React-Google-Login и Google Authibrary
Очистите платежного шлюза, интегрированный с бэкэнд для покупки курсов
Redux Store , чтобы легко управлять штатами
Домашняя страница с курсами, полученными категорически
Рекомендуемые курсы на основе предпочтений пользователя
Рейтинг курсов
Курсы закладки , где пользователи могут удалить или добавить закладку
Загрузить ресурсы (PDF - Примечания)
Адаптивный видеоплеер React для видео
Прогресс
Курсная страница со всем содержанием курса
Поиск на основе курса и учителя
Live Group Live Clesess
Учитель
Правильная система аутентификации с регистрацией, входом в систему, проверкой OTP, повторным OTP, забыл пароль (полностью проверен с помощью оповещений Bootstrap)
Полностью проверенная форма загрузки учителя с описанием, заголовком, изображением и другими деталями
Ckeditor для написания в Textbox с способностями добавлять разные заголовки, абзацы, жирные шрифты, курсив, ссылка, таблицы, размеры и т. Д.
Учитель может загрузить до 5 видео с загрузкой, чтобы показать прогресс
Учитель может увидеть их загруженные курсы
Учитель может удалить свой курс
Учитель может отредактировать свой курс
Тестирование с использованием шутки и супертеста для экспресс -конечных точек.
Live Group Clesess в реальном времени с использованием socket.io и оптимизированные с Redis для кэширования сообщений
