NODE JS Project Demo - node.js

I have a toDo web application made in NODEJS. I want to include it in my resume and want 2 links , one for project code and other for project demo ? Is there any way to show live demo of this nodejs project just like we can have github pages for a frontend project ?

To show the code, you can put the github link, and for the demo, you have to host your site, for example on AWS or Azure. But these hosting are not free and I don't know if it's possible to host a Node.js site for free

When I hosted my first site, Heroku was the easiest of the free options I looked at. Today I think Netlify is easier.

Related

Can I host/deploy a standalone MERN app as part of another website?

(I'm fairly sure this question reflects a lack of familiarity with the tools available, but my searches didn't turn up much.)
Let's say I have a MERN project that works entirely on its own, let's call it my-app. When I run the server locally, it works exactly as intended - I browse to localhost:3000 and I get what I want. What I'm looking for is a way to host that project as part of another website (that I own), such that I can navigate to example.com/my-app and be served the exact same content as when I browse to localhost:3000 while hosting locally.
The actual use case here is that the project is open source, so ideally the project would be totally agnostic and unopinionated about where it is hosted. Using a subdomain (my-app.example.com) may be easier, but I would like to avoid it if possible. I would also like to avoid simply hosting the project somewhere else and redirecting to it - I know there are ways to redirect without changing the URL, but ideally this would work with something like git submodule such that the main website and the app project can all be hosted from the same server instance.
If I am understanding your question correctly, yes, you could create a standalone MERN app and host it on another site. One method of doing so would be an iframe. You can just place the iframe within a page on the new site by setting the src to the location of the MERN app like so: src="http://example-mern-app.com.

Can we use Ember.js to build a static website?

Can we use Ember.js to build a static website? We are going to store the website in AWS S3.
Kind regards
Yes building a static site is how the emberjs.com website it build.
Prember is the tool to build static sites with ember.
The simple answer is yes! Ember is a fantastic technology to build static sites in 🎉 as #kiwiupover mentioned Prember is the main way to turn an Ember app into a "static site", and if you already have your website built as an Ember App it is very straightforward to add Prember and deploy it on a static site hosting (like AWS S3 or Netlify). If you want the simplest possible way to get started I would recommend deploying to Netlify.
The Ember Website is a great example of a site that is built using Ember and gets great Lighthouse scores because it's also a static site. You can see the code in the public github repo
All that is if you want to build something from scratch, but if you're looking for a super quick way to build a static blog then you could check out empress-blog and you can get a blog up and running in less than 5 minutes if you follow the "super quick start" in the readme on empress-blog.
I have a bunch of other recommendations for building static sites with Ember but you can reach out to me on the Ember Discord (you can find a link on the Community Page)

Deploying an Angular website to github pages

I am trying to deploy my personal website to Github pages, it is a very simple one page website developed in Angular2 (using Angular CLI) with some information about me.
The process seemed simple, create a repository called christopherkade.github.io and push my code to it, after doing so my Angular CLI README is being displayed at my website.
A couple of questions:
Do I required a NodeJS server (that I have been using in parallel to my Angular2 app) to run my app on Github pages? (I do not need a backend, I guess that may answer my question)
How may I deploy my website using Githb pages? The documentation lets me deploy a single http file and I cannot figure out how to deploy a fully fledged website.
Here is my repository.

Hosting my MEAN stack web app on github pages

I have a project here that is on github. I created a gh-pages branch to make it hosted on github pages. The link they gave me to my hosted site is here.
I am pretty new to web apps and especially new to MEAN stack web apps. My question is - how can I access my web app now that it is hosted via github? Obviously the hosted link gives a 404 error because I don't have an index.html file in the root of the project. The "html" I have in the project is in the views folder and has an "ejs" file extension (index.ejs).
To run this app on my local machine I start an npm server:
npm start
Then I navigate to http://localhost:3000/#/home in a browser to see the app.
Is it even possible to host this app on github pages? Do I need to modify my project in some way to make it work? Also - I know I will have to change the mongoose database pointer for the database portion to work. Any pointers in the right direction would be greatly appreciated!
Github does not host nodejs instances.
If you want to host a it on GitHub pages you can follow these steps:
Separate Angular front end with node back end API.
Host your Angular front end to GitHub pages.
Then host your node back end to some cloud hosting. Make sure you have CORS enabled. It will work as a REST API.
Now use the REST API end points to wire up the the whole app.

Ghost blog integrated with application

I am new to node, so please excuse me if I am asking stupid questions.
Ghost has been released as NPM module recently. I am trying to integrate it with my application, so I could have custom home page and serve blog on a separate page. Once I do following in my app.js, it takes over all the traffic to my site. How do I configure ghost to serve only the blog?
var ghost = require('ghost');
ghost();
We're missing a few details here so I'll make some assumptions.
If you are hosting node using the default server than (as of this posting) you are out of luck since ghost is setup to run in it's own standalone server. One possible solution is to run both the standard node.js server for your page then another for ghost. That's obviously not ideal but until they fix their integration issues you don't have much choice.
I'm trying to solve the same problem, and currently imagine finding a hosting that allows me to run two node instances (I think that is quite possible with e.g. digital ocean). One - port 80 - will point to Ghost, while the other (on some other port) will host the REST API for the app.
I will then create a blank page linked to a custom template that loads the rest of my angular application - the files will be stored in the assets folder of my custom template, while ajax calls will simply be to the non-standard port.

Resources