Go Back

Lesson 2 || web10 notes app
  1. make a new repl html, css, js project
  2. copy all of the lesson 2 files into the repl
  3. you will need to ask user permission for your websites to CRUD user notes.
  4. in script.js, we will add a list of allowed cross origin websites for the notes service
  5. in sirs, add the url of your github pages site + replit site to the notes cross_origins list
  6. as a user, if you log in and approve, you should be able to CRUD notes!
  7. replit needs you to open it in a separate window in order for it to work.
  8. lets make a web10 social post integration.
  9. uncomment our the posts service in the sirs list.
  10. do the same with cross origins as you did for notes.
  11. log out and log in, there should be a request for the posts service.
  12. approve it and log in!
  13. uncomment the createPosts function.
  14. In the display notes function, uncomment out the post notes button.
  15. try changing the name your app in the manifest.json.
  16. look at the app store. Congrats on making a notes app!
  17. Not only that, you integrated it with web10 social!
  18. next to any note of yours, hit the post button to publicly share it on web10 social.
  19. the note will appear as a post in your social feed.
  20. on repl, hit the github branch icon , commit, and push your changes to a new repo named web10-lesson2.

app not started