{"componentChunkName":"component---src-templates-page-js","path":"/blog/gatsby","result":{"data":{"markdownRemark":{"frontmatter":{"title":"Birthday App","date":"Wed, 10th July 2019","tags":["api","javascript"],"thumbnail":{"childImageSharp":{"fixed":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAUABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAEDBf/EABYBAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEAMQAAAB68ulzGgypVB//8QAGhAAAgMBAQAAAAAAAAAAAAAAAAECEBESMf/aAAgBAQABBQJwTOEYTWqva0//xAAVEQEBAAAAAAAAAAAAAAAAAAARIP/aAAgBAwEBPwEj/8QAFREBAQAAAAAAAAAAAAAAAAAAESD/2gAIAQIBAT8BY//EABsQAAIBBQAAAAAAAAAAAAAAAAAQMQERISLh/9oACAEBAAY/AjqptbJLhf/EAB4QAQACAQQDAAAAAAAAAAAAAAEAESExUWGRQYGx/9oACAEBAAE/IUbftR0he0pxEoYdW8TmdT1EMHxmY2QoUVP/2gAMAwEAAgADAAAAEM84Pf/EABYRAQEBAAAAAAAAAAAAAAAAAAABEf/aAAgBAwEBPxCQxK1//8QAFhEBAQEAAAAAAAAAAAAAAAAAAAER/9oACAECAQE/ELTVjH//xAAcEAEAAwEBAAMAAAAAAAAAAAABABEhMUFhcYH/2gAIAQEAAT8QA4NV3j8gz07yRUbNrFR1X06Rlep8cQcNPzkMBUVNTY3VVXuRAABwCf/Z","width":150,"height":150,"src":"/static/3d06f97591de79ce06720949b56560af/dcd9a/birthday.jpg","srcSet":"/static/3d06f97591de79ce06720949b56560af/dcd9a/birthday.jpg 1x,\n/static/3d06f97591de79ce06720949b56560af/66ecd/birthday.jpg 1.5x,\n/static/3d06f97591de79ce06720949b56560af/25e3f/birthday.jpg 2x"}}}},"html":"<p>This application is made for users to remember their birthdays. It presents the date and time, users’ avatar, first-names and last-names and their ages.\nThis app also contains some features like:\nFiltering Name Bar: allows users to search their name by first name or last name.\nFiltering Month Bar: allows users to search birthdays by month\nAdd Button: when users want to add a new list of a birthday.\nDelete Button: if the users choose to remove a profile from the list\nEdit Button: whenever the users want to make a change on their profiles.\nThe application is built with pure vanilla javascript and HTML/CSS3. Data was fetched from an API and using a date format like “date-fns”, allows the application’s date or time to be updated. </p>","fields":{"slug":"gatsby"}}},"pageContext":{"slug":"gatsby"}},"staticQueryHashes":["2199005656"]}