Build two versions of a portfolio website. With and without the Bootstrap CSS framework. These can be two different files in the same repository. You're required to submit the following:

Link to repository. The repository to be named portfolio-(name) example portfolio-john

Live URL containing links to both versions of the portfolio.


In an index.html provide links to both the files.
* portfolio.html
* portfolio-bootstrap.html

Pick a website or theme of your choice and build it without looking at the source code.


Submit the URL to the Git repository and the URL where the project is deployed. Please name the repository theme-(name) e.g. (theme-john)

Implement a todo list with ordering with persistence using localStorage

Create a Memory Game in JavaScript capturing the total number of moves and time taken to complete the game.

Build a 2 player chess game in JavaScript using principles of object oriented programming, game state and game loop.

Implement a todo list with ordering in Jquery

Todo List with data storage in backend with Express API and MongoDB as database.

In this data assignment you will transform raw data from IPL into graphs that will convey some meaning / analysis. For each part of this assignment you will have 2 parts -


Download both csv files from https://www.kaggle.com/manasgarg/ipl

Part 1

Code a javascript program that will transform the raw csv data to a json file which contains only the data necessary and in a format suitable for plotting in the next step and plot with highcharts.

Generate the following plots ...

1. Plot the number of matches played per year of all the years in IPL.
2. Plot a stacked bar chart of matches won of all teams over all the years of IPL.
3. For the year 2016 plot the extra runs conceded per team.
4. For the year 2015 plot the top economical bowlers.
5. Discuss a "Story" you want to tell with the given data. As with part 1, prepare the JSON file and plot with highcharts.

Part 2

Create a Node Web API with MongoDB as the backend. Solve the same above problems by getting data using MongoDB queries.

Repository name: navtree-(name) Example navtree-john


Build a hierarchical, navigable tree structure using jQuery. The tree structure should be at least 3 levels deep.

For example:

Depth 0

-- Depth 1

-- Depth 2

It should expand and minimize to reveal and hide nested nodes. Do not use an existing library to build the tree structure.

Please use the IPL dataset that you had previously used for the Visualisation assignment. An example hierarchy could be

Year > Team > Players

When the last entity is selected, show a stat relevant to that identity on the page. This can either be a visualisation or a table.

Implement a todo list with ordering which interacts with a backend Web Server in Node or Django with each update.

Implement the NavTree structure using the React library.

Name the project navtree-react-(name)