Crio Portfolio

Back

Buildout - XBoard

A dynamic news feed website

XBoard is a News Feed website that will feature the latest news for select topics, from Flipboard.

During the course of this Micro-Experience, the developer:

  • Built XBoard using HTML, CSS, Bootstrap, JavaScript and JQuery from scratch

  • Utilized the figma file to understand the design requirements

  • Used Accordions and Image Carousel to improve UI

  • Fetched news content from flipboard's RSS feed using REST API

  • Deployed the website to Netlify

image alt text

XBoard FIgma design (Left: Accordion expanded, Right: Accordion collapsed)

image alt text

XBoard Figma Design (Left: Desktop view, Right: Mobile view)

image alt text

XBoard Image Carousel

Buildout - XBoard Modules

1

Build XBoard completely from scratch

Scope of work:

  1. Created web page for XBoard, to show news articles

  2. Invoked API to fetch the necessary data from flipboard’s rss feed and integrate that into the web page

  3. Implemented desktop and mobile views with reference to the Figma design

  4. Improved UI by setting each section as an accordion and including image carousels

  5. Deployed the dynamic webpage to Netlify

Skills used:

HTML, CSS, Bootstrap, JavaScript, JQuery