Your turn for anvil

Author: mikeckennedy

days/85-87-full-stack-easy/README.md

@@ -1,18 +1,48 @@
-# Days 85-97 Full stack web made easy
+# Days 85-87 Full stack web made easy
 
-tbd
+Are you ready to write a full stack web app, the easy way? You'll use Anvil to build out an application of your choosing. Think of a simple app that you've seen us building or you have built during this course and recreate it using Anvil.
 
 ## Day N: Create the visual UI and interaction
 
-tbd
+Today you've watched quite a few videos. Round out today with a little exploration and drag-and-drop magic to build the UI.
+
+First, you'll need to register at Anvil. Remember, if you use our code, you'll get 10% off a subscription if you decide you want one at a later date.
+
+Create an account via: [**talkpython.fm/anvil100**](https://talkpython.fm/anvil100)
+
+[![](readme_resources/register.png)](https://talkpython.fm/anvil100)
+
+Once you have your account, create a new app (material design, side-bar style). Then
+
+1. Add links to the various pages in the sidebar
+2. Define subforms for each view you'll need (if there is only one just use the main form as your surface)
+3. Fill out the visual design for the various forms (this includes naming the elements you'll interact with via code)
+
+![](readme_resources/edit-ui.png)
+
+Day 1 is done! Go ahead and run your app just to see it come to life.
 
 ## Day N+1: Add the database and server code
 
-Tbd
+On this, the second day, create the necessary database structures by adding a `service > data tables` and then defining the table structure.
+
+You may or may not need this depending on what your application does.
+
+![](readme_resources/tables.png)
+
+Next, add a server module which has methods to allow you to get access to your data in a simple and clean manner. Recall you do this by adding a server module and the commented code will help you with the rest.
+
+That's day 2!
 
 ## Day N+2: Putting it together
 
-Tbd
+Finally, add the logic to your various forms. Start with the main form and making navigation via your menu possible. Then add the logic behind the buttons and other UI elements you created on day 1.
+
+![](readme_resources/code.png)
+
+Finally, if this is something you'd like to share with the world, be sure to publish your app.
+
+![](readme_resources/pub.png)
 
 ### Time to share what you've accomplished!