A part picker for building mechanical keyboards. Tile-based image layout for ease of color-matching.
Deployed on Heroku: clacTILE
- A database of switches, cases, and keycaps for your next mechanical keyboard
- Search database for matching items by color, layout, material, etc
- Create a list of your planned builds or choose from our prebuilt examples
The site is a little fragile at the moment - for adding, editing, updating or deleting, please follow the steps to avoid errors.
At the Build page, click
Add Parts
Select your parts by clicking on the part ID number button
When returned to Build page, click
Add Parts to New Build
Name your build in the prompt
Click
Add Parts
Select parts, same as above
When returned to Build page, click the build tile you want to update - your selection should highlight
Click
Update Build
and name it
Select a build tile
Click
Delete Build
- Build List preview pane showing name and image preview instead of part id number
- Build edit buttons dynamically hiding/displaying depending on if parts are picked or builds are targeted
- Pricing and buy sources for items
- Database extension for more PC peripherals by color (mice, headsets, deskmats, wrist/keyboard wrests)
- Javascript
- HTML
- CSS
- React
- MongoDB
- Mongoose
- Express
FIX 4/4/22 - Added code to check for targets/parts before making changes to db
Current bug:
- A target build must be unselected manually by clicking on it again
UPDATE 4/10/22: I have updated the code for deployment on Heroku. I am unsure if the code still works if run in a local environment, as I have removed localhost from all axios calls.