Read the specification. It's all there.
- Create a public repo named
taskboard
(no files needed) git clone
the new repo (will be empty)- Copy the files under
projects/taskboard
to your repo - Add, commit and push
- Create a template
index.html
- Install Bootstrap:
npm i bootstrap -S
- Add it as link in your
<head>
:
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css">
- Create a JS and CSS files of your own, and script-src and link-rel them from the HTML.
- Using Bootstrap, create a nav bar with the logo and the menu items needed. How?
- Go to the Bootstrap site
- Search for a nav bar that fits our needs (check what's available)
- Copy/Paste the code from the site, and update it
- Because we need horizontal scrolling, Bootstrap Grid will be difficult to use.
So we're not going to use it. - Build lists, with the cards inside them, as in the screenshot/videos.
For now, build it all as static HTML/CSS, we'll make it dynamic with JS later.