Made an epic showcase website and API!

website/docs/day-16.md

@@ -0,0 +1,6 @@
+# Day 16 - Learning OOP with Python
+
+- OOP concepts were taught in the source main.py file, such as classes, attributes, and methods. The Turtle and prettytable packages were also used to explore these concepts, and I installed prettytable in a virtual environment for this.
+- The main objective of today is to simulate a coffee machine using OOP in the oop-coffee-machine folder. The coffee_maker.py, menu.py, and money_machine.py were given as abstract modules to work from in order to understand OOP.
+
+![Day_16_OOP_Coffee_Machine](https://user-images.githubusercontent.com/30333942/128575429-7173d86e-7ae5-4bf0-909a-34e6e37dfc70.gif)

website/docs/day-17.md

@@ -0,0 +1,6 @@
+# Day 17 - Implementing Classes
+
+- Learned the structure of creating a class with its attributes, methods, and how to initialize objects
+- Created a trivia quiz game, with some neat questions from [opentdb](https://opentdb.com/).
+
+![Day_17_Trivia](https://user-images.githubusercontent.com/30333942/128618891-34c051c8-b0fe-4982-8852-536a3a9bf311.gif)

website/docs/day-18.md

@@ -0,0 +1,29 @@
+# Day 18 - Turtle & the Graphical User Interface (GUI)
+
+- Developed various basic turtle graphics.
+  - Spirograph, random walk, various polygons, dashed line, and square.
+- Formed a dot art based on Hirst artwork.
+
+## Dot art
+
+![Day_18_Dot_Art](https://user-images.githubusercontent.com/30333942/128644328-9128d1b2-e416-4daf-ba05-cc37c2cff9ee.gif)
+
+## Spirograph
+
+![Day_18_Spirograph](https://user-images.githubusercontent.com/30333942/128644332-0aad8f64-5d71-4579-9c53-07333bb38233.gif)
+
+## Random Walk
+
+![Day_18_Random_Walk](https://user-images.githubusercontent.com/30333942/128644335-00899537-04b9-4f88-bcd6-46b7590082fe.gif)
+
+## Polygons
+
+![Day_18_Polygons](https://user-images.githubusercontent.com/30333942/128644338-23011edc-6246-49c2-9574-0f5e0497bcb6.gif)
+
+## Dashed Line
+
+![Day_18_Dashed_Line](https://user-images.githubusercontent.com/30333942/128644340-dff27a27-a6e1-44d3-95c0-9f885f9771b2.gif)
+
+## Square
+
+![Day_18_Square](https://user-images.githubusercontent.com/30333942/128644342-746c14cf-86f2-47c0-ae93-b3df1bf32b13.gif)

website/docs/day-19.md

@@ -0,0 +1,21 @@
+# Day 19 - Instances, State, and Higher Order Functions
+
+- Built an etch-a-sketch while understanding higher order functions
+- Simulated a turtle race with randomized steps using class instances
+
+## Etch-a-Sketch
+
+![Day_19_Etch_A_Sketch](https://user-images.githubusercontent.com/30333942/128927402-10006522-2640-4569-b6d0-706cca4fc811.gif)
+
+This etch-a-sketch uses higher order functions to run when keys are pressed on the keyboard.
+- **w** - Move forwards
+- **s** - Move backwards
+- **a** - Turn left
+- **d** - Turn right
+- **c** - Reset etch-a-sketch
+
+## The Great Turtle Race
+
+![Day_19_The_Great_Turtle_Race](https://user-images.githubusercontent.com/30333942/128927073-cf125780-b3ce-432e-8808-c4ac4d2c6e34.gif)
+
+The Great Turtle Race uses multiple instances of the Turtle object from [the turtle module](https://docs.python.org/3/library/turtle.html) that move by a random number of steps to the edge of the screen.

website/docs/day-20.md

@@ -0,0 +1,8 @@
+# Day 20 - Build the Snake Game Part 1: Animation & Coordinates
+
+- Made a controllable snake, and will complete the full snake game on Day 21.
+- Abstracted snake logic into a Snake class.
+
+## Snake
+
+![Day_20_Snake](https://user-images.githubusercontent.com/30333942/129074881-fff5a265-a4a7-445c-93bc-fc6553c50166.gif)

website/docs/day-21.md

@@ -0,0 +1,15 @@
+# Day 21 - Build the Snake Game Part 2: Inheritance & List Slicing
+
+- Built a snake game.
+- Learned about class inheritance and list slicing.
+
+```python
+# The Fish class inherits the attributes and methods of the Animal class
+class Fish(Animal):
+    def __init__(self):
+        super().__init__()
+```
+
+## Snake Game
+
+![Day_21_Snake_Game](https://user-images.githubusercontent.com/30333942/129274809-8c292e1e-28e4-4df5-a1b0-57b77155782a.gif)

website/docs/welcome.md

@@ -0,0 +1,34 @@
+---
+sidebar_position: 1
+---
+
+# Welcome to My 100 Days of Code!
+
+Here you'll find many different projects I've built with **[Python](https://www.python.org/)** and other tools/frameworks.
+
+I've been building these projects from **[Dr. Angela Yu's 100 Days of Code Python Bootcamp](https://www.udemy.com/course/100-days-of-code/)**. It's really fun!
+
+This website is built with **[Docusaurus](https://docusaurus.io/)** and continuously deployed on **[Netlify](https://www.netlify.com/)** which is routed to a subdomain on **[Google Domains](https://domains.google.com/)**.
+
+The pages are collected from my README files within the projects folder in my **[repository on GitHub](https://github.com/rzmk/100-days-of-code)** for each day, scraped with **[FastAPI](https://fastapi.tiangolo.com/)** that runs on a **[Uvicorn ASGI server](https://www.uvicorn.org/)** which is hosted on **[Heroku](https://www.heroku.com/)**.
+
+:::note
+
+Not all projects have READMEs for now, but will be added at a later date.
+
+:::
+
+:::info How does this work?
+
+Navigate from the sidebar or arrows at the bottom of each page to check out my projects and notes for each!
+
+:::
+
+:::tip Pro Tip
+
+I suggest enabling **Dark Mode** in the header.
+Just a preference, but it's really cool!
+
+:::
+
+> [Check out all of the code for all of my project code, this website, and the API  by clicking here!](https://github.com/rzmk/100-days-of-code)