Project 1

CS50’s Web Programming with Python and JavaScript

Project completed in CS50W course.

The project was implemented in PyCharm 2020.1.2 (Professional Edition). Applied technology Django, HTML5, CSS3 (SASS).

The task can be viewed at the link - Project 1: Wiki.

"Design a Wikipedia-like online encyclopedia."

Project structure

1. encyclopedia

   Encyclopedia Application Folder

   • static

     Contains images and CSS files

     • styles.scss

       SASS file containing CSS markup for all pages of the application.

   • templates

   Page Templates

   • urls.py

   File url for Encyclopedia Application

   • views.py

   A view function, or view for short, is a Python function that takes a Web request and returns a Web response.

2. entries

   This directory contains all saved encyclopedia entries. I added some myself

3. manage.py

   Main file Django

App appearance

Entry Page

The page receives the contents of the file (Markdown) and presents it as HTML.

Index Page

Home page. Each list item will lead to a entry page.

Search

Search Results Page (not case sensitive!)

Edit Page

Edit page with pre-filled form data

Random Page

when you click on "random page" will go to the random record page

Markdown to HTML Conversion

Conversion using python-markdown2

    pip3 install markdown2

    md = Markdown()
    pageHtml = md.convert(pageMd)