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