feat: finish pt 2 quiz + undo new routes for v1

Author: wolovim

src/contexts/AppContext.tsx

@@ -5,7 +5,6 @@ interface IAppContext {
   completedQuizzesIds: string[];
   projects: Project[];
   fundamentals: Fundamental[];
-  ethIntro: EthIntro[];
   allLessonsData: any[];
   refetchCompletedQuizzesAll?: () => Promise<any>;
 }
@@ -14,7 +13,6 @@ export const AppContext = createContext<IAppContext>({
   completedQuizzesIds: [],
   projects: [],
   fundamentals: [],
-  ethIntro: [],
   allLessonsData: [],
   refetchCompletedQuizzesAll: () => Promise.resolve(),
 });

src/contexts/AppContextProvider.tsx

@@ -22,7 +22,6 @@ interface IProps {
 export function AppContextProvider({ children }: IProps) {
   const [fundamentals, setFundamentals] = useState<Fundamental[]>([]);
   const [projects, setProjects] = useState<Project[]>([]);
-  const [ethIntro, setEthIntro] = useState<EthIntro[]>([]);
   const [completedQuizzesIds, setCompletedQuizzesIds] = useState<string[]>([]);
   const [sessionDataUser, setSessionDataUser] = useState<any>(null);
 
@@ -88,7 +87,6 @@ export function AppContextProvider({ children }: IProps) {
 
     setFundamentals(lessonsFormatResult.fundamentals);
     setProjects(lessonsFormatResult.projects);
-    setEthIntro(lessonsFormatResult["eth-intro"]);
   };
 
   useEffect(() => {
@@ -100,31 +98,6 @@ export function AppContextProvider({ children }: IProps) {
     refetchOnWindowFocus: false,
   });
 
-  useEffect(() => {
-    if (allLessonsData && ethIntro && completedQuizzesIds.length !== 0) {
-      const lessonsWithCompleteStatus = ethIntro.map((lesson) => {
-        const currentLessonId = allLessonsData.find(
-          (lessonData) =>
-            lessonData.projectLessonNumber?.toString() ===
-            lesson.slug.toString(), // DEV_NOTE: forcing .toString() to avoid type errors
-        )?.id;
-
-        const completed = currentLessonId
-          ? completedQuizzesIds.includes(currentLessonId)
-          : false; // DEV_NOTE: if the lesson is not found, it is not completed
-        return { ...lesson, completed };
-      });
-
-      setEthIntro(lessonsWithCompleteStatus);
-    } else if (allLessonsData && ethIntro && completedQuizzesIds.length === 0) {
-      const lessonsWithCompleteStatus = ethIntro.map((lesson) => {
-        return { ...lesson, completed: false };
-      });
-      setEthIntro(lessonsWithCompleteStatus);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [completedQuizzesIds]);
-
   useEffect(() => {
     if (allLessonsData && projects && completedQuizzesIds.length !== 0) {
       const projectsWithCompleteStatus = projects.map((lesson) => {
@@ -185,7 +158,6 @@ export function AppContextProvider({ children }: IProps) {
         completedQuizzesIds,
         projects,
         fundamentals,
-        ethIntro,
         allLessonsData: allLessonsData || [],
         refetchCompletedQuizzesAll,
       }}

src/interfaces/index.ts

@@ -15,7 +15,6 @@ export interface Lessons {
 export interface IFormatedLessons {
   projects: Project[];
   fundamentals: Fundamental[];
-  ethIntro: EthIntro[];
 }
 
 export interface Fundamental {

src/pages/getting-started.tsx

@@ -24,7 +24,7 @@ import type { Lessons, Lesson } from "@/interfaces";
 import { useAppContext } from "@/contexts/AppContext";
 
 const GettingStartedPage: NextPageWithLayout<Lessons> = () => {
-  const { ethIntro, projects, fundamentals } = useAppContext();
+  const { projects, fundamentals } = useAppContext();
   const [isMobile] = useMediaQuery("(max-width: 768px)", {
     ssr: true,
     fallback: true, // return false on the server, and re-evaluate on the client side
@@ -74,54 +74,6 @@ const GettingStartedPage: NextPageWithLayout<Lessons> = () => {
         >
           Current Lessons
         </Heading>
-        <UnorderedList listStyleType="none" textAlign="center" as="div">
-          <Heading size="md" color="yellow.300">
-            {`INTRO TO ETHEREUM`}
-          </Heading>
-          <>
-            {ethIntro.map((lesson: Lesson, idx: number) => (
-              <ListItem key={idx} my="2" py="2" maxW="40vw" margin="0 auto">
-                <Link
-                  as={NextLink}
-                  href={`/lessons/${lesson.path}/${lesson.slug}`}
-                  passHref
-                >
-                  <Button
-                    height="auto"
-                    style={{
-                      whiteSpace: "normal",
-                      wordWrap: "break-word",
-                      padding: "0.5rem",
-                      width: "100%",
-                      fontSize: "xl",
-                    }}
-                  >
-                    <Flex direction={!isMobile ? "row" : "column"}>
-                      <Box>{lesson.frontMatter.title}</Box>
-                      <Box>
-                        {lesson &&
-                        lesson.completed &&
-                        lesson.completed === true ? (
-                          <>
-                            <Badge
-                              ml="1"
-                              alignItems={"flex-end"}
-                              colorScheme="green"
-                              position={!isMobile ? "absolute" : "relative"}
-                              right={3}
-                            >
-                              Completed
-                            </Badge>
-                          </>
-                        ) : null}
-                      </Box>
-                    </Flex>
-                  </Button>
-                </Link>
-              </ListItem>
-            ))}
-          </>
-        </UnorderedList>
         <UnorderedList listStyleType="none" textAlign="center" as="div">
           <Heading size="md" color="yellow.300">
             {`PROJECT: BUILD AN NFT COLLECTION`}

src/pages/lessons/eth-intro/1.mdx renamed to src/pages/lessons/fundamentals/1.mdx

@@ -138,7 +138,6 @@ In [8]: tx_hash = w3.eth.send_transaction({
    })
 ```
 
-
 This transaction will execute immediately, but some important details are hidden from view. web3.py is smart enough to know that `EthereumTesterProvider` is managing `acct_one` and that we're using a test environment. For our convenience, `acct_one` is "unlocked," meaning transactions from the account are approved (signed) by default.
 
 So, what does a transaction look like if not from an unlocked account? To find out, let's send some ether from `acct_two` – an account not managed by `EthereumTesterProvider`. This more manual process takes three steps: 1) specify the transaction details, 2) sign the transaction, then 3) broadcast the transaction to the network.
@@ -162,7 +161,7 @@ In[11]: tx_hash = w3.eth.send_raw_transaction(signed.rawTransaction)
 
 Let's break that down. Step 1 defines a Python dictionary with the required transaction fields. We briefly learned about gas (transaction fees) in Part 1, but nonce may be new territory. In Ethereum, a **nonce** is simply the transaction count of the account. The Ethereum protocol keeps track of this value to prevent double-spending.
 
-Since this is the first transaction being made by acct_two, its nonce is zero. If you supply the wrong value, the result is an invalid transaction and is rejected by web3.py:
+Since this is the first transaction being made by `acct_two`, its nonce is zero. If you supply the wrong value, the result is an invalid transaction and is rejected by web3.py:
 
 ```bash
 ValidationError: Invalid transaction nonce: Expected 0, but got 4
@@ -261,22 +260,18 @@ Data mining isn't going away, but this new account ownership model enables a hea
 
 ### New software architectures
 
-An interesting wrinkle in the definition of your business model will be what to handle on-chain vs. off-chain. As we've discussed, message signing requires no on-chain interaction. There's also nothing stopping you from using a private database for some of your data and the Ethereum blockchain for other bits of data or functionality. There are plenty of tradeoffs to consider: usability, cost, transparency, decentralization, privacy, and so on.
+An interesting wrinkle in the definition of your business model will be what to handle onchain vs. offchain. As we've discussed, message signing requires no onchain interaction. There's also nothing stopping you from using a private database for some of your data and the Ethereum blockchain for other bits of data or functionality. There are plenty of tradeoffs to consider: usability, cost, transparency, decentralization, privacy, and so on.
 
 ## And breathe
 
 Did all that sink in? Test yourself:
 
-- How do Ethereum accounts differ from those in Web 2.0?
-- In what ways can Ethereum accounts be used?
-- What are the implications of Ethereum accounts for app developers?
-
-There's no limit to the number of accounts you can generate and you're free to use the same account for several apps or create a new account for every app. This is partly what is meant when a public blockchain is described as **permissionless**: there is no gatekeeper between you and the network. Don't wait for anyone to give you permission to build.
-
 <br />
 <QuizStatusChecker quiz="quiz-eth-intro-2" />
 
-When you're ready to forge ahead, Part 3 introduces the next actor in the system: smart contracts.
+There's no limit to the number of accounts you can generate and you're free to use the same account for several apps or create a new account for every app. This is partly what is meant when a public blockchain is described as **permissionless**: there is no gatekeeper between you and the network. Don't wait for anyone to give you permission to build.
+
+When you're ready to forge ahead, Part 3 more deeply introduces the next actor in the system: smart contracts.
 
 import { ContributorFooter } from "../../../components/mdx/ContributorFooter";
 

src/pages/lessons/eth-intro/2.mdx renamed to src/pages/lessons/fundamentals/2.mdx

@@ -10,24 +10,12 @@ import { useAppContext } from "@/contexts/AppContext";
 import { type Lesson } from "@/interfaces";
 
 const LessonsPage: NextPageWithLayout = () => {
-  const { projects, fundamentals, ethIntro } = useAppContext();
+  const { projects, fundamentals } = useAppContext();
 
   return (
     <Flex py={5} px={[4, 10, 16]} direction="column" minH="90vh">
       <Stack spacing={5} direction="column">
         <>
-          <Box>
-            <Heading size="lg" color="yellow.300">
-              {`INTRO TO ETHEREUM`}
-            </Heading>
-            {ethIntro.map((lesson: Lesson, idx: number) => {
-              return (
-                <Box marginTop="4" key={idx}>
-                  <ContentBanner lesson={lesson} idx={idx} />
-                </Box>
-              );
-            })}
-          </Box>
           <Box>
             <Heading size="lg" color="yellow.300">
               {`PROJECTS`}

src/pages/lessons/eth-intro/3.mdx renamed to src/pages/lessons/fundamentals/3.mdx

@@ -84,6 +84,111 @@
           "correct": true
         }
       ]
+    },
+    {
+      "question": "What can you do with an account?",
+      "options": [
+        {
+          "answer": "Deploy a smart contract",
+          "correct": true
+        },
+        {
+          "answer": "Send and receive ether",
+          "correct": true
+        },
+        {
+          "answer": "Interact with a smart contract",
+          "correct": true
+        },
+        {
+          "answer": "A password for your account",
+          "correct": true
+        },
+        {
+          "answer": "Sign transactions",
+          "correct": true
+        }
+      ]
+    },
+    {
+      "question": "In a production environment, web3.py automatically signs and sends your transactions",
+      "options": [
+        {
+          "answer": "True"
+        },
+        {
+          "answer": "False",
+          "correct": true
+        }
+      ]
+    },
+    {
+      "question": "What is a nonce?",
+      "options": [
+        {
+          "answer": "The transaction count of an account",
+          "correct": true
+        },
+        {
+          "answer": "A transaction hash"
+        },
+        {
+          "answer": "A block hash"
+        },
+        {
+          "answer": "Random data added to a transaction"
+        }
+      ]
+    },
+    {
+      "question": "A transaction to deploy a new contract omits which value?",
+      "options": [
+        {
+          "answer": "data"
+        },
+        {
+          "answer": "from"
+        },
+        {
+          "answer": "to",
+          "correct": true
+        },
+        {
+          "answer": "nonce"
+        }
+      ]
+    },
+    {
+      "question": "What is true of message signing?",
+      "options": [
+        {
+          "answer": "The signer's private key is revealed"
+        },
+        {
+          "answer": "No gas fee is required to sign a message",
+          "correct": true
+        },
+        {
+          "answer": "The address of the signer can later be proven",
+          "correct": true
+        },
+        {
+          "answer": "Message signing may be used to authenticate a user",
+          "correct": true
+        }
+      ]
+    },
+    {
+      "question": "To build an Ethereum app, your entire technology stack must be open sourced",
+      "options": [
+        {
+          "answer": "True"
+        },
+        {
+          "answer": "False",
+          "correct": true
+        }
+      ]
     }
   ]
 }