Long Start Step 01: The Unstyled Fake UI
In-depth solution to Long Start Step 01: The Unstyled Fake UI
Long Start Step 02: The Blockstart Fake UI
Laying out the basics of your Number Guess UI using the fast Blockstart method.
Long Start Step 03: The Styled Fake UI
Removing Blockstart and using full CSS to finish the UI first draft.
Long Start Step 04: Testing The Fake UI
Creating your first unit test for your fake UI.
Long Start Step 05: The Fake `api/` Handler
Move the data from your Fake UI to a backend JSON API handler.
Long Start Step 06: The Database Table
Now we create the number_guess database table to store people's progress.
Long Start Step 07: `lib/models.js` and Model Testing
Creating a model for your number_guess table and testing it.
Long Start Step 08: The `api/` to the Database
Connect the api to the database with the model.
Long Start Step 09: Adding Registration and Authentication
Adding registration and authentication the app.
Long Start Step 10: Static Leaderboard Command
Writing a command to statically generate a leaderboard.
Long Start Step 11: Emailing Winners
Using email to notify people when they win.
Long Start Step 12: Sending Emails with Queues
Using the Bull queue to send to send the email.
Long Start Step 13: Advanced Fancy FSM Based UI
Reworking the UI to use the FSM for tight control of your...number guessing.
Long Start Step 14: Delayed Optional Registration
Use the FSM to make the registration smoother, letting people play before stealing their info.
Long Start Step 15: WebSocket Winner Notification
Use WebSockets to notify players that someone else just won.