lana-l.github.io/notes.html at main · Lana-L/lana-l.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="styles/main.css" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <title>Lana L Github Page</title>
  </head>

  <body>
    <div id="page">
      <header>
        <nav class="breadcrumbs">
          <ul>
            <li class="breadcrumb"><a href="/index.html">Home</a></li>
            <li class="breadcrumb">Notes</li>
          </ul>
        </nav>
      </header>
      <aside>
        <br />
        <nav>
          <ul>
            <li><a href="/index.html">Home</a></li>
            <li><a href="/projects.html">Projects</a></li>
            <li><a href="/notes.html">Notes to Self</a></li>
          </ul>
        </nav>
      </aside>
      <main>
        <h3>Notes</h3>
        <div class="table_component" role="region" tabindex="0">
          <p>This is where I document useful things I find or write, so I don't lose them later.</p>
          <table>
            <thead>
              <tr>
                <th>Name</th>
                <th>Summary</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td><a href="./multer.html">Multer setup</a></td>
                <td>
                  <p>
                    Multer is a node library to let end users upload files (eg, photos of their cat). Unfortunately, a lot of the documentation online does not match our specific tech stack, so I
                    documented how to use it for the stack we learned in the Dev Academy bootcamp.
                  </p>
                </td>
              </tr>
              <tr>
                <td><a href="https://curlconverter.com/node-superagent/" target="_blank">Curl to superagent translator</a></td>
                <td>
                  <p>Often API documentation provides curl commands but it is not always clear how to translate those to superagent functions. This website decodes them very easily.</p>
                </td>
              </tr>
              <tr>
                <td><a href="https://web.archive.org/web/20250126125042/https://cosc203.cspages.otago.ac.nz/labs/" target="_blank" rel="noreferrer">Otago Uni Labs</a></td>
                <td>
                  <p>Useful assignments to try from Otago Uni Comp Sci department. Good project ideas.</p>
                </td>
              </tr>
              <tr>
                <td><a href="https://tableconvert.com/excel-to-jsonlines" target="_blank">Excel to JSON converter</a></td>
                <td>
                  <p>When creating db seeds, they are arrays of objects, but it can be tedious to type them all in. This simplifies copying from spreadsheets.</p>
                </td>
              </tr>
              <tr>
                <td>
                  <a href="https://devhints.io/knex" target="_blank">Knex cheatsheet</a>
                </td>
                <td>
                  <p>
                    Although it appears this query builder is on its way out, this is what we were taught in the Dev Academy and it's quite simple and intuitive to use. This cheat sheet documents the
                    most common functions and is easier to use than the official docs.
                  </p>
                </td>
              </tr>
              <tr>
                <td>
                  <a href="https://react.dev/learn/you-might-not-need-an-effect" target="_blank">You might not need an Effect</a>
                </td>
                <td>
                  <p>Seems like a lot of the time people fall to including useEffect in their React components, but it is frequently not necessary. This doc from the React team explains why.</p>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </main>
    </div>
  </body>
</html>