These free mini-courses will give you a strong foundation in web development. Track your progress and access advanced courses on HTML/CSS, Ruby and JavaScript for free inside our student portal.
Scroll down...
You've seen a lot of Express in this unit. Now, it is finally time to express yourself...
For this assignment, you must create a portfolio website, from which you can link to all of your past code conquests. Previously, you might have been able to achieve this with raw HTML and CSS, but now you must have your portfolio be generated by Express. That way, when you finish this very project, you'll be able to quickly add its JavaScript object representation to a file and get your site up to date immediately.
Fork and clone the project's Github Repo.
Create a new Express application using express-generator.
Use the data you collected to build an array of instances of a Project class. This should be contained within its own module, such that it can be required in your routes.
There should be an index page with each project listed along with some of its information.
If you click on a Project, it should take you to a page for just that project. This page should contain some additional information or description that was not available on the index page.
(Optional) Style it to your hearts content using the helpful style.sass
file the generator has bequeathed you. Google "express.static middleware" if you're curious as to how the CSS is being served.
When you're finished with all tasks, push your changes up to your fork (aka $ git push origin master
).