NASDAQ-WEBAPP 💴 💵 💷 💶 💰 💸
An awesome JavaScript web app that queries data from an api, displays live search results with keyword highlighting, a live marquee at the top of the page, and dynamic Chart.js graphs to showcase data.
The styling was done using Milligram.io minimalist CSS framework.
- Semantic HTML - to build the basic page structure
- Responsive CSS - to style the page and set up the mobile-first responsive layout
- Javascript - to ensure functionality, get and parse the API data, and load it into the HTML document.
- Event handling - listening for form submission and drowndown menu activation
- AJAX - to make HTTP requests for JSON data
- jQuery - to load the data into HTML elements
- Chart.js and Canvas API - to draw a chart using the parsed JSON data
- IF I’m beginner investor,
- I WANT a simple way to look up basic stock information, and
- THEN use this information to make financial decisions.
Investing can seem complicated for newcomers. With StockUp, the developing team wanted to make investing easier for anyone trying to enter into the markets. How did we choose to do that? By giving beginners the basic tools they need, all in one page.
Basic capabilities of the Nasdaq-webapp applications:
- Searching companies you’re interested in by stock symbol
- Retrieving useful information:
- Basic set of up-to-date stock performance data
- Weekly closing prices over the prior year in a chart format
- Financial news articles relevant to the company being researched
- Streamline - News search: expand the article display, add at least an image and a synopsis for each link.
- Expand - Chart: expand the range of data that can be displayed, add options to view different time periods
- Add - Search criteria: add more filters and search capabilities (search by market sector, industry, specific index or fund, etc.)
Further functionality: provide or reference other tools that help make an informed investment decision and follow the next steps in the investment process.
.png)
.png)