Assignment 07 - Web Apps with Node and Express II
From Lab07 to Lab08
You will continue working on your project from Lab07. However, it should be in a separate code base. So you should create a new empty repository on GitLab in the folder for Lab08 and add this new repo as the new origin of your local repository. For Lab08, only push to the project in the Lab08 folder!
Assignment 1: Clean Up
a) Check the requirements
Check the following questions and if the answer is no, fix it. Those were things that you should have done in Lab06 and Lab07, but if you haven’t do them now. Document in your report what you needed to fix.
- Do you have a clearly visible MVC structure?
- Do you transfer data a user inputs into an HTML form into your database, where it persists?
- Do you transfer from the database into a template?
- Do you use the HTTP methods correctly in your router?
- Did you implement one end-to-end test for each major feature?
- Do you have any mock data for testing?
- Do you use a test database?
b) Linting
Install and configure eslint for your project. Lint your code. For each error, decide whether you need to fix your code or your configuration. Are there any major issues in your code style that eslint detected and that you could fix? If so, document this in your report.
Assignment 2: Deploy the App to Heroku
Deploy your app to heroku. Heroku is one the first Platform-as-a-service providers, supporting a wide range of frameworks. See Node on Heroku for the documentation. As the package.json already specifies the correct start script, all I had to do was: (You will need to create an account and install the command-line client)
`heroku create`
and then
`heroku open`
If you want to, rename your app
`heroku rename timerpompom`
Now, the app should be running, but is missing a database. You will need a database available on the net, e.g. using Mongo Atlas. The documentation “Atlas on Heroku” is a bit bulky, but boils down the these steps:
create a mongodb cluster.
find and copy the connection string, e.g. mongodb+srv://app03:@cluster0.giyi7.mongodb.net/?retryWrites=true&w=majority
set the MONGODB_URI on heroku to this connection string (be sure to use the correct password and dbname)
heroku config:set MONGODB_URI=...make sure the app picks up this environment variable to connect to the database, e.g. in mongoose.js:
const mongodbURI = process.env.MONGODB_URI || 'mongodb://localhost:27017/app04' mongoose.connect(mongodbURI, { useNewUrlParser: true, useUnifiedTopology: true })
Document in your report any issues you had with deploying the app
Results Submission
- Hand in a link to your repository together with your report.
- Hand in a lab report until March 28, 11pm. Make sure to answer the questions I put in this lab.
Grading
You get 1 star for each of the exercises that you completed (assignment 1 a and b and assignment 2). If you additionally hand in a good report that documents everything I asked you to document, you get another star. There won’t be any oral tests.