Hackathon: Day 4 - Heroku

I downloaded the portfolio-node folder from Study-Net and placed this folder into the documents folder.
I then went into this folder using the command, "cd portfolio-node" as I wasn't in the correct folder previously. I then initialised a git repo and committed my work, using the commands,
  • "git init"
  • "git add *"
  • "commit -m 'Initial commit'" 


I then logged into Heroku using the command, "heroku login" and created the app using the command, "heroku create". I pushed this to Heroku using the command, "git push heroku master" which outputted the server's URL once the push was complete.


I then opened the portfolio site using the command, "heroku open" which opened the site in my web browser.




If I decide to change this code, then I will need to add all of the files using the command, "git add *", commit my work using the command, "git commit -m 'Initial commit'", send my code to the server using the command, "git push heroku master" and open my app using the command, "heroku open".

By typing the command, "npm start" in the terminal, this starts the application on the localhost.


The "npm start" command runs "node app.js" as this is written in the package.json file.


When typing, "localhost:3000" in the web browser's search box, this loads up the portfolio site.


When typing "^C", this stops the connection to localhost.

Comments

Post a Comment

Popular posts from this blog

Unity Project 4: Ball platformer game

Image
Finished game displayed in the scene view. Scene view Assets Uses Rigidbody so that the ball can use physics (Gravity) therefore it doesn't fall through the ground. The 'Rolling Ball' script is attached to the ball which adds force to the ball. Ball Inspector Scene view displaying the invisible cube object which can be used as a trigger for an event. Scene view When the console prints 'COLLIDED', the ball has collided with a specific object (Invisible cube). Console Message The invisible cube that is attached to the 'Trigger' script. When an object does not have a mesh renderer, the object becomes invisible as we cannot see it due to it not having a mesh. Cube Inspector Field of view changed, so that the ball can be seen from a slightly different angle. Follow target script also attached allowing a first person type view of the ball as the camera is set to follow the ball's movement. The camera can be moved so tha
Read more

Reflective Post

On balance I believe this project was successful in telling a story through gameplay, asset design and the audio used. I created a successful platformer that allows the player to walk, jump, defend and collect items. On reflection there were elements that due to time constraints I wasn't able to implement and therefore I need to work on my time management skills. Throughout this project I have learnt that I need to improve coding in C#. I have realised that when writing code I am not using the most efficient or "cleanest" statements. For example when collected items in my script, I wrote ten if statements for each heart collected. Although this worked and was simple to understand, in future I would attempt to use a loop and array to run through each statement for each count number as this would save me time overall. Unfortunately due to my limited coding knowledge there were a few aspects of the game that I couldn't get to work. This included a health bar/hurt bar
Read more

[Research] Traditional Poster Design (4CTA1214)

Image
As you can see from the superman poster, there are only four main colours used which includes red, blue, yellow and brown. All elements are filled in with block colours with no shading which was a common colour theme for traditional posters of this kind. This poster may have been used to advertise a new Superman comic or movie depending on the year it was created. The expression on the characters face fits the title shown on the poster explaining that he is returning. This poster advertised Coca Cola, and looks as though this specific poster was used in the USA - due to the currency used. The whole aim of the poster is to incorporate this drink into working peoples daily lives. This is seen by the slogan, 'Work refreshed' and the small graphics on the bottom right of the poster. Displayed is a man working in a factory environment and a lady is working in an office environment both drinking cola during their breaks - to feel refreshed. In some ways the bottle and
Read more