[
  {
    "title": "USA Jobs",
    "icon": "fas fa-briefcase fa-5x",
    "description": "Built in Angular 6 and Angular Material 2, USA Jobs allows users to search and filter currently open US government jobs from an easy-to-use interface. Click on any job to see more information, including a link to the job requirements and application page.",
    "siteLink": "https://projects.jsrath.com/usa-jobs/",
    "githubLink": "https://www.github.com/jsrath/usa-jobs/",
    "shortDescription": "Find current job openings in the US Government.",
    "sortOrder": 1
  },
  {
    "title": "Dough",
    "icon": "fas fa-bar-chart fa-5x",
    "description": "Dough is a full stack TypeScript and D3.js app that shows you how your income, expenses and assets have changed over time. It includes an interactive graph and table that help you see your current financial status.",
    "siteLink": "",
    "githubLink": "https://www.github.com/jsrath/dough",
    "shortDescription": "Visualize and track your income, expenses and assets.",
    "sortOrder": 2
  },
  {
    "title": "Contact Cards",
    "icon": "fas fa-id-card fa-5x",
    "description": "Contact Cards is a web app built in React that helps you manage your contacts on beautiful cards. Simply mouseover an icon to view contact information or click to copy. Flip the card to see a contact’s full address.",
    "siteLink": "https://contact-cards.onrender.com/",
    "githubLink": "https://www.github.com/jsrath/contact-cards",
    "shortDescription": "React web app to manage your contacts on beautiful cards.",
    "sortOrder": 3
  },
  {
    "title": "React Eats",
    "icon": "fas fa-utensils fa-5x",
    "description": "React Eats is a restaurant/food delivery app built in React. It features a custom-built shopping cart and order calculator, with menu items called from a local API. Order data is saved to a database for processing.",
    "siteLink": "https://react-eats.onrender.com/",
    "githubLink": "https://www.github.com/jsrath/react-eats/",
    "shortDescription": "React restaurant and food delivery app with a custom-built shopping cart and order calculator.",
    "sortOrder": 4
  },
  {
    "title": "Bankroll",
    "icon": "far fa-money-bill-alt fa-5x",
    "description": "Built with D3.js and vanilla JavaScript, Bankroll is a web app that gives you easy access to real time currency rates. See how exchange rates have changed over time with built-in currency charts.",
    "siteLink": "https://visual-bankroll.onrender.com/",
    "githubLink": "https://www.github.com/jsrath/bankroll",
    "shortDescription": "D3.js web app that gives you easy access to real time currency rates.",
    "sortOrder": 5
  },
  {
    "title": "Reviews of the Week",
    "icon": "far fa-star fa-5x",
    "description": "Reviews of the Week is a React web app that allows you to search and filter reviews from internet personality The Report of the Week. Videos can be watched directly in the app.",
    "siteLink": "https://reviews-of-the-week.onrender.com/",
    "githubLink": "https://www.github.com/jsrath/reviews-of-the-week",
    "shortDescription": "Search and filter reviews from The Report of the Week.",
    "sortOrder": 6
  },
  {
    "title": "Packtrack",
    "icon": "fas fa-box-open fa-5x",
    "description": "Packtrack is a command line tool the helps you track all of your packages in a single place. Instead of checking Amazon or other retailers for the status of your packages, simply add their tracking numbers to Packtrack and get the latest updates with a single command.",
    "siteLink": "",
    "githubLink": "https://www.github.com/jsrath/packtrack",
    "shortDescription": "Track all of your packages from the command line.",
    "sortOrder": 7
  },
  {
    "title": "Szuro",
    "icon": "fas fa-sort-amount-up fa-5x",
    "description": "Built in Angular, Szuro helps you find and filter great last-minute events in Budapest. Filter events by district, price and time, and then proceed to purchase tickets for anything that looks interesting.",
    "siteLink": "https://projects.jsrath.com/szuro/",
    "githubLink": "https://www.github.com/jsrath/szuro",
    "shortDescription": "Angular app to help you find and filter great last-minute events in Budapest.",
    "sortOrder": 8
  },
  {
    "title": "Cash Countdown",
    "icon": "fas fa-money-check-alt fa-5x",
    "description": "Cash countdown is a calculator app built in React that helps you determine when your cash will run out. It works well for planning long term travel or project budgets and features an integrated countdown chart built in D3.js.",
    "siteLink": "https://cash-countdown.onrender.com/",
    "githubLink": "https://www.github.com/jsrath/cash-countdown",
    "shortDescription": "Calculator app built in React that helps you determine when your cash will run out.",
    "sortOrder": 9
  },
  {
    "title": "Number Generator",
    "icon": "fas fa-sort-numeric-up-alt fa-5x",
    "description": "Number Generator was built in vanilla JavaScript and provides a nice UI to generate and copy a random number. You can configure the number of digits you need, making it useful for generating specific numbers for any project.",
    "siteLink": "https://projects.jsrath.com/number-generator/",
    "githubLink": "https://github.com/jsrath/number-generator",
    "shortDescription": "Vanilla JavaScript app to generate and copy a random number.",
    "sortOrder": 10
  },
  {
    "title": "Country Coder",
    "icon": "far fa-flag fa-5x",
    "description": "Ever get a call from a strange number and want to know where it's coming from? Ever need to look up the country code for a friend's number? Country Coder is a vanilla JavaScript web app that quickly helps you find country codes.",
    "siteLink": "https://projects.jsrath.com/country-coder/",
    "githubLink": "https://www.github.com/jsrath/country-coder",
    "shortDescription": "Web app that helps you quickly find country codes.",
    "sortOrder": 11
  },
  {
    "title": "Contacts Keeper",
    "icon": "far fa-address-book fa-5x",
    "description": "Built in Angular 5, Contacts Keeper is a single page application that helps you keep track of your contacts. You can sort contacts by name, search for a contact, and edit or delete existing contacts.",
    "siteLink": "https://projects.jsrath.com/contacts-keeper/",
    "githubLink": "https://www.github.com/jsrath/contacts-keeper",
    "shortDescription": "Angular app for keeping track of contacts.",
    "sortOrder": 12
  },
  {
    "title": "Daily Menu",
    "icon": "far fa-file-alt fa-5x",
    "description": "Developing a rotating daily menu for your restaurant can be a challenge. Daily Menu helps you to quickly generate and print a daily menu based on dishes you specify in a local json file.",
    "siteLink": "https://projects.jsrath.com/daily-menu/",
    "githubLink": "https://www.github.com/jsrath/daily-menu",
    "shortDescription": "Quickly generate and print a daily menu for your restaurant.",
    "sortOrder": 13
  },
  {
    "title": "GIF Gallery",
    "icon": "fas fa-images fa-5x",
    "description": "Trying to find some awesome GIFs? GIF Gallery is a custom built vanilla JS slider that uses an API call to display GIFs on any topic. Simply type in a search term and slide through the GIFs that interest you.",
    "siteLink": "https://projects.jsrath.com/gif-gallery/",
    "githubLink": "https://www.github.com/jsrath/gif-gallery",
    "shortDescription": "Find awesome GIFs and display them in a gallery.",
    "sortOrder": 14
  },
  {
    "title": "Life Left",
    "icon": "fas fa-heartbeat fa-5x",
    "description": "Life Left utilizes Angular, Angular Material and Moment.js to calculate your statistical death date using actuarial tables from the US Social Security Administration. Find out how much life you have left!",
    "siteLink": "https://projects.jsrath.com/life-left/",
    "githubLink": "https://www.github.com/jsrath/life-left/",
    "shortDescription": "Find out how much life you have left.",
    "sortOrder": 15
  },
  {
    "title": "GitHub Birthday",
    "icon": "fas fa-calendar-alt fa-5x",
    "description": "The idea behind this app is to work with the GitHub and Wikipedia APIs to let users see what significant events occurred on the day they created their GitHub account.",
    "siteLink": "https://projects.jsrath.com/github-birthday/",
    "githubLink": "https://www.github.com/jsrath/github-birthday",
    "shortDescription": "Find significant events that occurred on the day you created your GitHub account.",
    "sortOrder": 16
  },
  {
    "title": "JAQOL",
    "icon": "fas fa-user-tie fa-5x",
    "description": "JAQOL - Jobs and Quality of Life, helps you find highly livable places in the US which also have an abundance of software jobs. The app draws on reputable livability research combined with current job openings, all plotted conveniently on an interactive map.",
    "siteLink": "https://jaqol.onrender.com/",
    "githubLink": "https://www.github.com/jsrath/jaqol/",
    "shortDescription": "Helps you find highly livable places in the US which also have an abundance of software jobs.",
    "sortOrder": 17
  },
  {
    "title": "Order Tracker",
    "icon": "fas fa-shipping-fast fa-5x",
    "description": "Order tracker features an interactive progress bar and countdown timer to give users an accurate estimate of when they will receive their order. This is a frontend component which can be triggered by order progress events in a database or CMS.",
    "siteLink": "https://projects.jsrath.com/order-tracker/",
    "githubLink": "https://www.github.com/jsrath/order-tracker",
    "shortDescription": "Frontend component for tracking orders.",
    "sortOrder": 18
  },
  {
    "title": "BudaStat",
    "image": "./images/budastat-logo.svg",
    "imageAlt": "BudaStat Logo",
    "description": "BudaStat is your visual guide to the districts of Budapest. It displays statistics on population, demographics, buildings and more on an interactive map. Get a better feel for Budapest or use it to plan your next move.",
    "siteLink": "https://www.budastat.com/",
    "githubLink": "https://www.github.com/jsrath/budastat",
    "shortDescription": "JavaScript visual guide to the districts of Budapest.",
    "sortOrder": 19
  },
  {
    "title": "React Reel",
    "icon": "fas fa-film fa-5x",
    "description": "React Reel is a React app for displaying movies and TV shows. It makes an API call and imports a database of titles which are displayed in a responsive card layout. The app features a user login and can be navigated using the keyboard to simulate a TV without a mouse.",
    "siteLink": "https://react-reel.onrender.com/",
    "githubLink": "https://www.github.com/jsrath/react-reel",
    "shortDescription": "React app for displaying movies and TV shows.",
    "sortOrder": 20
  },
  {
    "title": "JSON Sheets",
    "icon": "fas fa-table fa-5x",
    "description": "Get a JSON API from your Google Sheets. JSON Sheets is an Express.js powered backend that turns your Google Sheet into a JSON API. Simply enter your Google Sheet ID and the sheet number and get back formatted JSON.",
    "siteLink": "https://json-sheets.onrender.com/",
    "githubLink": "https://github.com/jsrath/json-sheets",
    "shortDescription": "Get a JSON API from your Google Sheets",
    "sortOrder": 21
  },
  {
    "title": "Population Trends",
    "icon": "fas fa-chart-line fa-5x",
    "description": "Population Trends is a D3.js and vanilla JavaScript web app that calls a population API and displays population figures for every country since 1980. See how a country's population has changed over nearly four decades.",
    "siteLink": "https://projects.jsrath.com/population-trends/",
    "githubLink": "https://www.github.com/jsrath/population-trends",
    "shortDescription": "D3.js web app that displays population figures for every country since 1980.",
    "sortOrder": 22
  },
  {
    "title": "PR Approvals",
    "icon": "fas fa-user-check fa-5x",
    "description": "Tracking approvals for pull requests is a great way to measure code review participation. Approvals is a small D3.js app that queries the Bitbucket API and displays in interactive graph showing pull request approvals by each team member across different repos.",
    "siteLink": "https://projects.jsrath.com/approvals/",
    "githubLink": "https://www.github.com/jsrath/approvals",
    "shortDescription": "D3.js app to show pull request approvals by each team member.",
    "sortOrder": 23
  },
  {
    "title": "3D Printer",
    "icon": "fas fa-print fa-5x",
    "description": "This is a responsive product page for a 3D printer as part of my Front-End Design Series. Built using CSS Flexbox with an emphasis on clean, uncluttered design.",
    "siteLink": "https://projects.jsrath.com/3d-printer/",
    "githubLink": "https://www.github.com/jsrath/3d-printer",
    "shortDescription": "3D printer company site design.",
    "sortOrder": 24
  },
  {
    "title": "New York Tolerance",
    "icon": "fas fa-handshake fa-5x",
    "description": "Racial tolerance statistics for every county in New York, presented visually on an interactive map. This app was built in D3.js and presents hate crimes on both an absolute and per capita basis. Mouseover a county to see its statistics.",
    "siteLink": "https://projects.jsrath.com/new-york-tolerance/",
    "githubLink": "https://www.github.com/jsrath/new-york-tolerance/",
    "shortDescription": "Visualization of racial tolerance statistics for every county in New York.",
    "sortOrder": 25
  },
  {
    "title": "Visual Markup",
    "icon": "far fa-object-ungroup fa-5x",
    "description": "Visual Markup is a Chrome Extension that helps users visualize their layouts when developing websites. It allows you to see your markup clearly and diagnose any CSS issues. Especially useful for understanding element positioning.",
    "siteLink": "https://chrome.google.com/webstore/detail/visual-markup/haplgakkgklldgnckfdapejhipchiceo",
    "githubLink": "https://www.github.com/jsrath/visual-markup",
    "shortDescription": "Chrome Extension that helps you visualize your HTML layouts.",
    "sortOrder": 26
  },
  {
    "title": "Telecom",
    "icon": "fas fa-broadcast-tower fa-5x",
    "description": "As part of my Front-End Design Series, this is a page for a telecom company. It features a responsive design, custom SVG and CSS cards, a clickable carousel and dropdown accordions for longer text sections.",
    "siteLink": "https://projects.jsrath.com/telecom/",
    "githubLink": "https://www.github.com/jsrath/telecom",
    "shortDescription": "Telecom company site design.",
    "sortOrder": 27
  },
  {
    "title": "VAT Viz",
    "icon": "fas fa-percent fa-5x",
    "description": "Built with D3.js and vanilla JavaScript, VAT Viz loads geographic data and VAT rates for each EU country. It then colors each country according to its standard VAT rate. Mouse over a country to see a tooltip with its VAT rate.",
    "siteLink": "https://projects.jsrath.com/vat-viz/",
    "githubLink": "https://www.github.com/jsrath/vat-viz",
    "shortDescription": "Visual VAT rates for every EU country.",
    "sortOrder": 28
  },
  {
    "title": "What Goal",
    "icon": "fas fa-bullseye fa-5x",
    "description": "We often have many goals, but can't decide which one to pursue first. This custom built JavaScript app takes you through a series of questions to help you make a decision regarding your goals using a framework developed by the US military.",
    "siteLink": "https://projects.jsrath.com/whatgoal/",
    "githubLink": "https://www.github.com/jsrath/what-goal",
    "shortDescription": "Web app that helps you prioritize your goals.",
    "sortOrder": 29
  },
  {
    "title": "Ingatlan",
    "icon": "fas fa-warehouse fa-5x",
    "description": "Hungary's largest real estate site www.realestatehungary.hu does not use a responsive layout. I rebuilt the site to be responsive using CSS Flexbox. I also integrated a custom tabbed JavaScript menu which displays clicked locations in the search bar.",
    "siteLink": "https://projects.jsrath.com/ingatlan/",
    "githubLink": "https://www.github.com/jsrath/ingatlan",
    "shortDescription": "Refactor of Hungary's largest real estate site.",
    "sortOrder": 30
  }
]