/Wiki

CS50w's Wiki - an online encyclopedia similar to Wikipedia.

Primary LanguagePython

jurrasic copy

Wiki

Project 1 for Harvard's CS50w Web Programming with Python and JavaScript.

📹 Youtube: https://www.youtube.com/watch?v=VOqKjYN3r5A&t=9s

Overview:

Built with Markdown, HTML, CSS, Bootstrap, Python, and Django.
The site links together multiple pages all personally styled in a Jurassic Park theme via Photoshop CS6 and online gifs.

Specifications:

This site contains:

  1. Entry Page: displaying contents of that encyclopedia entry.
    If an entry requested does not exist, the user is presented with an error page.

    jp

    If the entry does exist, the user is presented with a page that displays the contents of the entry.

  2. Search: allows the user to query in the search bar for an encyclopedia entry. If the query matches the name of an encyclopedia entry, the user is redirected to that entry’s page. If the query does not match the name of an encyclopedia entry, the user is taken to a search results page that displays a list of all encyclopedia entries with the query as a substring. For example, if the search query were ytho, Python appears in the search results.

    Screen Shot 2023-01-20 at 9 24 04 PM

  3. New Page: “Create New Page” allows the user to create a new encyclopedia entry. Users are able to enter a title and are able to enter Markdown content for the page.

  4. Edit Page: The user can edit an entry’s Markdown content in a textarea. Once the entry is saved, the user is redirected back to that entry’s page.

  5. Random Page: Clicking Random in the sidebar takes user to a random encyclopedia entry via the imported random function.

    bathroom