FINAL PROJECT CS50 WEB NEXT CODER

CS50 Web Programming Final Project: Next Coder

Проект видео: https://youtu.be/ithhec-bdqa

Основная идея

Я создал совместное веб -приложение, чтобы узнать, как кодировать. Каждый может создать разговор (в основном просто занятия), и каждый может зарегистрироваться в этих классах. Основными компонентами являются:

• Домашняя страница
• Вход/вход/регистр
• Страница переговоров, на которой перечислены все различные разговоры или классы, и где вы можете фильтровать переговоры по разным критериям
• Отдельная страница для каждого разговора со всей ее информацией и кнопкой для регистрации
• Страница, на которой вы можете получить доступ ко всем разговорам, на которые вы зарегистрировались
• Страница для создания новых разговоров

Отличительность и сложность

Страница не похожа на то, что мы уже создали. Это не приложение для социальных сетей, ни электронная коммерция. Это также не похоже на другие годы проекты.

С точки зрения сложности я использовал Django с более чем одной моделью (объяснена ниже) и несколько файлов JavaScript на фронт. Более того, все веб -приложения реагирует на различные размеры экрана (в основном мобильные телефоны и компьютеры).

Информация файлов

• В виде. Основные функции:

  • Класс Newtalkform со всеми полями для создания нового разговора
  • Класс SearchTalkform для фильтрации переговоров
  • Функции входа в систему, входа и регистрации, скопированных из проекта 4
  • New_talk для сохранения нового разговора и связанной информации любит теги
  • Теги для получения существующих тегов и добавления новых
  • Теги фильтра: чтобы вернуть список переговоров на основе фильтров, которые выбрал пользователь
  • Get_by_title: возвращайте переговоры, в которых слова появляются в заголовке, описании или тегах
  • Поговорите, чтобы получить информацию о конкретном разговоре
  • Зарегистрируйтесь: зарегистрировать разговор
  • Get_enrolled_talks: чтобы получить переговоры, в которые вы зарегистрированы

• Модели.py. Разные модели:

  • Модель пользователей
  • Модель для тегов
  • Модель беседует со всеми различными деталями о разговоре (и сериализаторе)

• Talkss.js: Чтобы фильтровать переговоры, показывать переговоры и автозаполнение, когда вы ищете разговор

• New_talk.js: для второй части создания нового разговора, который добавляет теги. Он загружает и показывает теги, сохраняет новые теги и добавляет выбранные теги в новый разговор

• Mytalks.js: чтобы провести переговоры, в которые вы зачислены, и показать их в DOM

• Шаблоны для всех различных HTML -страниц, описанных выше (всего 8, включая файл макета)

• Файл CSS со всеми CSS, используемыми в веб -приложении. Используются такие методы, как Flexbox и Grid

• Другие менее важные файлы, такие как URL -адреса, администратор, настройки, статические изображения ...

Как запустить приложение

• Установить зависимости проекта, запустив PIP Install -R TEDS.TXT
• Сделать и применять миграции, запустив Python Manage.py Makemigrations и Python Manage.py Migrate.