Skip to content

Cleaned up code #6

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 4 commits into
base: main
Choose a base branch
from
Open

Cleaned up code #6

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
43fbd7a
Cleaned up syntax
The-red-masque Mar 18, 2025
a550d89
Added alt-text
The-red-masque Mar 18, 2025
c0deb3f
Changed to ordered lists
The-red-masque Mar 18, 2025
01ba477
Added link to firmware
The-red-masque Mar 18, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
85 changes: 49 additions & 36 deletions content/en/docs/get-started/assembly.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,9 +16,13 @@ toc: true
{{< alert icon="⚠️" context="warning" text="Assembly video coming by Sep 10 2024." />}}

<!-- #update# -->

<!-- markdownlint-disable MD033 -->
## ⚙ Parts
![](/images/CutieCat/v0_CutieCat-Parts.png)

![v0 CutieCat Parts](/images/CutieCat/v0_CutieCat-Parts.png)

<!-- Note: all images that I couldn't figure out what was happening have alt "..." so that they can be found quicker. -->
<!-- Note: There weren't any links to mods that I was able to find on devkitty.io -->

<!-- ![](/images/CutieCat/v0_CutieCat-Package.png) -->

Expand All @@ -38,18 +42,19 @@ For more tips, check out our soldering guide. -->
## 🗒 Steps

### 1. Place the ESP32

<div id="Step-1" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="/images/CutieCat/Soldering-Guide/Step-1.1.png" class="d-block w-100" alt="">
<img src="/images/CutieCat/Soldering-Guide/Step-1.1.png" class="d-block w-100" alt="Melt a tack of solder onto the top right pad">
<div class="carousel-caption d-none d-md-block">
<p>a. Melt a tack of solder onto the top right pad.</p>
<p>Melt a tack of solder onto the top right pad.</p>
</div>
</div>
<div class="carousel-item active">
<img src="/images/CutieCat/Soldering-Guide/Step-1.2.png" class="d-block w-100" alt="...">
<img src="/images/CutieCat/Soldering-Guide/Step-1.2.png" class="d-block w-100" alt="Reheat the blob and place the microcontroller!">
<div class="carousel-caption d-none d-md-block">
<p>b. Reheat the blob and place the microcontroller!</p>
<p>Reheat the blob and place the microcontroller!</p>
</div>
</div>
</div>
Expand All @@ -64,23 +69,24 @@ For more tips, check out our soldering guide. -->
</div>
</br>

- Start by melting a small "tack" of solder to one of the CutieCat microcontroller pads. This will help us place the ESP32 before committing.
- Center the ESP32 on the microcontroller footprint.
- Reheat the tack of solder until it melts, while pressing down the ESP32. Don't worry about how the first joint looks!
- Let the solder cool! If you need to readjust the microcontroller, simply reheat the joint.
1. Start by melting a small "tack" of solder to one of the CutieCat microcontroller pads. This will help us place the ESP32 before committing.
2. Center the ESP32 on the microcontroller footprint.
3. Reheat the tack of solder until it melts, while pressing down the ESP32. Don't worry about how the first joint looks!
4. Let the solder cool! If you need to readjust the microcontroller, simply reheat the joint.

### 2. Solder the ESP32

{{< alert icon="⚠️" context="danger" text="Be extra careful not to burn the switch connector, or bridge neighboring pins." />}}
<div id="Step-2" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="/images/CutieCat/Soldering-Guide/Step-2.1.png" class="d-block w-100" alt="">
<img src="/images/CutieCat/Soldering-Guide/Step-2.1.png" class="d-block w-100" alt="Text over image of devkitty board "Soldering iron vertical to board. Stay clear of Switch Connector">
<!-- <div class="carousel-caption d-none d-md-block">
<p>a</p>
</div> -->
</div>
<div class="carousel-item active">
<img src="/images/CutieCat/Soldering-Guide/Step-2.2.png" class="d-block w-100" alt="...">
<img src="/images/CutieCat/Soldering-Guide/Step-2.2.png" class="d-block w-100" alt="Soldering pins">
<div class="carousel-caption d-none d-md-block">
<p>Solder the rest of the pins!</p>
</div>
Expand All @@ -97,13 +103,15 @@ For more tips, check out our soldering guide. -->
</div>
</br>

- a. Solder each remaining pad on the microcontroller!
- b. Ensure the connection is solid by bridging the ESP32 pad & PCB pads
- c. Avoid burning the switch connector! *
1. Solder each remaining pad on the microcontroller!
2. Ensure the connection is solid by bridging the ESP32 pad & PCB pads
3. Avoid burning the switch connector! *

**Switch connector will be moved in update v0.1 design*

### 3. Solder the Expansion Header

<!-- I don't know what is happening in these pictures so I can't help -->
<div id="Step-3" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
Expand All @@ -124,17 +132,18 @@ For more tips, check out our soldering guide. -->
</div>
</br>

- a. Insert the 6-Pin Header on the Side
- b. Lay the board & header flush on a flat surface
- c. Solder the joints!

1. Insert the 6-Pin Header on the Side
2. Lay the board & header flush on a flat surface
3. Solder the joints!

### 4. Prep + Solder the Screen

<!-- I don't know what is happening in these pictures so I can't help -->
{{< alert icon="⚠️" context="warning" text="Press down on center of screen - the edges are really fragile!" />}}
<div id="Step-4" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="/images/CutieCat/Soldering-Guide/Step-4.1.png" class="d-block w-100" alt="">
<img src="/images/CutieCat/Soldering-Guide/Step-4.1.png" class="d-block w-100" alt="...">
</div>
<div class="carousel-item active">
<img src="/images/CutieCat/Soldering-Guide/Step-4.2.png" class="d-block w-100" alt="...">
Expand All @@ -154,23 +163,25 @@ For more tips, check out our soldering guide. -->
</div>
</br>

- a. Add double-sided foam tape at the bottom of the screen footprint (not pictured)
- b. Center & press the screen in place.
- c. Solder the screen joints on the back.
1. Add double-sided foam tape at the bottom of the screen footprint (not pictured)
2. Center & press the screen in place.
3. Solder the screen joints on the back.
<!-- note: correct screen askew -->

### 5. Antenna & Case Assembly

<!-- I don't know what is happening in these pictures so I can't help -->
{{< alert icon="🛈" context="warning" text="Read our long-range mod guide before adding the external antenna!!" />}}
<div id="Step-5" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="/images/CutieCat/Soldering-Guide/Step-5.1.png" class="d-block w-100" alt="">
<img src="/images/CutieCat/Soldering-Guide/Step-5.1.png" class="d-block w-100" alt="...">
</div>
<div class="carousel-item active">
<img src="/images/CutieCat/Soldering-Guide/Step-5.2.png" class="d-block w-100" alt="...">
<img src="/images/CutieCat/Soldering-Guide/Step-5.2.png" class="d-block w-100" alt="Insert the D-pad into the Top Enclosure">
</div>
<div class="carousel-item active">
<img src="/images/CutieCat/Soldering-Guide/Step-5.3.png" class="d-block w-100" alt="...">
<img src="/images/CutieCat/Soldering-Guide/Step-5.3.png" class="d-block w-100" alt="Snap-on Back Enclosure.">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#Step-5" data-bs-slide="prev">
Expand All @@ -183,23 +194,25 @@ For more tips, check out our soldering guide. -->
</button>
</div>
</br>
- a. Snap the patch antenna onto the ESP32 u.fl connector
- b. Insert the D-Pad into the Top Enclosure
- c. Place the CutieCat in face-down
- d. Snap-on the Back Enclosure!

1. Snap the patch antenna onto the ESP32 u.fl connector
2. Insert the D-Pad into the Top Enclosure
3. Place the CutieCat in face-down
4. Snap-on the Back Enclosure!

### 6. Quality Assurance
![](/images/update.JPG)

- Plug in your CutieCat with USB Type C
- With your board fully assembled, it should power on the QA Firmware!
- Check out our [Firmware Guide]() to load new firmware.
![Updated photo coming soon!](/images/update.JPG)

1. Plug in your CutieCat with USB Type C
2. With your board fully assembled, it should power on the QA Firmware!
3. Check out our [Firmware Guide](https://devkitty.io/docs/get-started/firmware/) to load new firmware.

{{< alert icon="🛈" context="danger" text="If your board doesn't work, check our troubleshooting guide." />}}

## 🔧 Additional Mods
![](/images/update.JPG)

![Updated photo coming soon!](/images/update.JPG)

Check out our [mods]() section for more, including adding the long-range antenna!

Expand Down