{"version":3,"file":"component---src-pages-projects-js-ba20c19b35a6e029e8e0.js","mappings":"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","sources":["webpack://TechlisSite/./src/pages/projects.js"],"sourcesContent":["import React from 'react'\nimport { Link } from 'gatsby'\nimport Helmet from 'react-helmet'\nimport { StaticImage } from 'gatsby-plugin-image'\nimport { Layout, BannerLanding, ProjectSection } from '../components'\n\nconst Projects = props => (\n  <Layout>\n    <Helmet>\n      <title>Our Projects</title>\n      <meta name=\"description\" content=\"Projects Page\" />\n    </Helmet>\n\n    <BannerLanding\n      header=\"Techlis...\"\n      description={\n        <p>\n          We love creating. We love problem solving.\n          <br />\n          And we love turning ideas into successful products.\n        </p>\n        // <p>Techlis is a software development & consulting company<br/>\n        //   &nbsp;We build high quality mobile games and apps, with love\n        // </p>\n      }\n    />\n    <div id=\"projects\">\n      <section>\n        <div className=\"inner\" style={{ margin: 40 }}>\n          <header className=\"major\">\n            <h2>Take a Peek at Some of Our Projects</h2>\n          </header>\n          <p>\n            Our clients come from over 20 different industries, ranging from\n            startup to enterprise. Below are a select few from our extensive\n            list of 100+ successful projects.\n          </p>\n        </div>\n      </section>\n      <section className=\"spotlights\">\n        <section>\n          <Link to=\"/projects/nfb-film-app/\" className=\"image\">\n            <StaticImage src={'../assets/images/thumbs/NFB_thumb.png'} alt=\"\" />\n          </Link>\n          <div className=\"content\">\n            <div className=\"inner\">\n              <header className=\"major\">\n                <h3>NFB Film App</h3>\n              </header>\n              <p>\n                NFB Film App is mobile application by National Film Board of\n                Canada. Great ways to enjoy thousands of NFB documentaries and\n                animations for free on your Android & iOS devices.\n              </p>\n              <ul className=\"actions\">\n                <li>\n                  <Link to=\"/projects/nfb-film-app/\" className=\"button\">\n                    Learn more\n                  </Link>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </section>\n        {/* <ProjectSection\n          title=\"Novie: The Movie Hub\"\n          link=\"/projects/novie/\"\n          thumb={IMAGES.novie_thumb_2}\n        >\n          <p>\n            Available on Android and iOS. Working on a Netflix-like application\n            using React Native/Expo/Redux. The app will stream video from open\n            source APIs.\n          </p>\n        </ProjectSection> */}\n        <section>\n          <Link to=\"/projects/novie/\" className=\"image\">\n            <StaticImage\n              src={'../assets/images/thumbs/novie_thumb_2_539.jpg'}\n              alt=\"\"\n            />\n          </Link>\n          <div className=\"content\">\n            <div className=\"inner\">\n              <header className=\"major\">\n                <h3>Novie: The Movie Hub</h3>\n              </header>\n              <p>\n                Available on Android and iOS. Working on a Netflix-like\n                application using React Native/Expo/Redux. The app will stream\n                video from open source APIs.\n              </p>\n              <ul className=\"actions\">\n                <li>\n                  <Link to=\"/projects/novie/\" className=\"button\">\n                    Learn more\n                  </Link>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </section>\n        {/* <ProjectSection\n          title=\"Driving Theory Quiz\"\n          link=\"/projects/driving-test\"\n          thumb={IMAGES.dmv_driving_thumb}\n        >\n          <p>\n            Using this convenience app to test your knowledge of driving theory.\n            The app will be available in U.S., Canada, UK, Australia, etc.\n            Available on Google Play and Apple AppStore.\n          </p>\n          <ul>\n            <li>\n              <Link to=\"/projects/driving-test#dmv-driving-test\">\n                DMV Driving Theory Test\n              </Link>\n            </li>\n            <li>\n              <Link to=\"/projects/driving-test#canadian-driving-test\">\n                Canadian Driving Test\n              </Link>\n            </li>\n            <li>\n              <Link to=\"/projects/driving-test#icbc-driving-theory-test\">\n                ICBC Driving Theory Test\n              </Link>\n            </li>\n          </ul>\n        </ProjectSection> */}\n        <section>\n          <Link to=\"/projects/driving-test\" className=\"image\">\n            <StaticImage\n              src={'../assets/images/thumbs/dmv_driving_thumb.png'}\n              alt=\"\"\n            />\n          </Link>\n          <div className=\"content\">\n            <div className=\"inner\">\n              <header className=\"major\">\n                <h3>Driving Theory Quiz</h3>\n              </header>\n              <p>\n                Using this convenience app to test your knowledge of driving\n                theory. The app will be available in U.S., Canada, UK,\n                Australia, etc. Available on Google Play and Apple AppStore.\n              </p>\n              <ul>\n                <li>\n                  <Link to=\"/projects/driving-test#dmv-driving-test\">\n                    DMV Driving Theory Test\n                  </Link>\n                </li>\n                <li>\n                  <Link to=\"/projects/driving-test#canadian-driving-test\">\n                    Canadian Driving Test\n                  </Link>\n                </li>\n                <li>\n                  <Link to=\"/projects/driving-test#icbc-driving-theory-test\">\n                    ICBC Driving Theory Test\n                  </Link>\n                </li>\n              </ul>\n              <ul className=\"actions\">\n                <li>\n                  <Link to=\"/projects/driving-test\" className=\"button\">\n                    Learn more\n                  </Link>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </section>\n        {/* <ProjectSection\n          title=\"Citizenship Test\"\n          link=\"/projects/citizenship-test\"\n          thumb={IMAGES.canada_citizen_thumb}\n        >\n          <p>\n            Multiple choice test base application using React Native from my\n            original native Android and native iOS (Swift) apps. The base code\n            is highly scalable and reusable so that it can be used and extends\n            to many multiple choice app such as:\n          </p>\n          <ul>\n            <li>\n              <Link to=\"/projects/citizenship-test#canadian-citizenship-test\">\n                Canadian Citizenship Test\n              </Link>\n            </li>\n            <li>\n              <Link to=\"/projects/citizenship-test#australian-citizenship-test\">\n                Australian Citizenship Test\n              </Link>\n            </li>\n            <li>\n              <Link to=\"/projects/citizenship-test#us-citizenship-test\">\n                US Citizenship Naturalization Test\n              </Link>\n            </li>\n            <li>\n              <Link to=\"/projects/citizenship-test#life-in-uk-test\">\n                Life in the UK Test\n              </Link>\n            </li>\n          </ul>\n        </ProjectSection> */}\n        <section>\n          <Link to=\"/projects/citizenship-test\" className=\"image\">\n            <StaticImage\n              src={'../assets/images/thumbs/canada-test.png'}\n              alt=\"\"\n            />\n          </Link>\n          <div className=\"content\">\n            <div className=\"inner\">\n              <header className=\"major\">\n                <h3>Citizenship Test</h3>\n              </header>\n              <p>\n                Multiple choice test base application using React Native from my\n                original native Android and native iOS (Swift) apps. The base\n                code is highly scalable and reusable so that it can be used and\n                extends to many multiple choice app such as:\n              </p>\n              <ul>\n                <li>\n                  <Link to=\"/projects/citizenship-test#canadian-citizenship-test\">\n                    Canadian Citizenship Test\n                  </Link>\n                </li>\n                <li>\n                  <Link to=\"/projects/citizenship-test#australian-citizenship-test\">\n                    Australian Citizenship Test\n                  </Link>\n                </li>\n                <li>\n                  <Link to=\"/projects/citizenship-test#us-citizenship-test\">\n                    US Citizenship Naturalization Test\n                  </Link>\n                </li>\n                <li>\n                  <Link to=\"/projects/citizenship-test#life-in-uk-test\">\n                    Life in the UK Test\n                  </Link>\n                </li>\n              </ul>\n              <ul className=\"actions\">\n                <li>\n                  <Link to=\"/projects/citizenship-test\" className=\"button\">\n                    Learn more\n                  </Link>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </section>\n        {/* <ProjectSection\n          title=\"Catch Them Game\"\n          link=\"/projects/catch-them/\"\n          thumb={IMAGES.catch_them_thumb}\n        >\n          <p>\n            A mini game to release some stress :) Trying to catch as many fruits\n            as you could while avoiding bombing. The highest score player wins\n            the prize. The game is available on Google Play and Apple AppStore.\n          </p>\n        </ProjectSection> */}\n        <section>\n          <Link to=\"/projects/catch-them/\" className=\"image\">\n            <StaticImage src={'../assets/images/icons/catch-them.png'} alt=\"\" />\n          </Link>\n          <div className=\"content\">\n            <div className=\"inner\">\n              <header className=\"major\">\n                <h3>Catch Them Game</h3>\n              </header>\n              <p>\n                A mini game to release some stress :) Trying to catch as many\n                fruits as you could while avoiding bombing. The highest score\n                player wins the prize. The game is available on Google Play and\n                Apple AppStore.\n              </p>\n              <ul className=\"actions\">\n                <li>\n                  <Link to=\"/projects/catch-them/\" className=\"button\">\n                    Learn more\n                  </Link>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </section>\n        {/* <ProjectSection\n          title=\"Family Video Channels\"\n          link=\"/projects/family-channels\"\n          thumb={IMAGES.family_channels_thumb}\n        >\n          <p>\n            A good collection of Youtube channels that is useful and resourceful\n            for family. A safe and fun environment that is suitable for home\n            family use. App is available on Google Play only.\n          </p>\n        </ProjectSection> */}\n        <section>\n          <Link to=\"/projects/family-channels\" className=\"image\">\n            <StaticImage\n              src={'../assets/images/thumbs/family_channels_thumb.png'}\n              alt=\"\"\n            />\n          </Link>\n          <div className=\"content\">\n            <div className=\"inner\">\n              <header className=\"major\">\n                <h3>Family Video Channels</h3>\n              </header>\n              <p>\n                A good collection of Youtube channels that is useful and\n                resourceful for family. A safe and fun environment that is\n                suitable for home family use. App is available on Google Play\n                only.\n              </p>\n              <ul className=\"actions\">\n                <li>\n                  <Link to=\"/projects/family-channels\" className=\"button\">\n                    Learn more\n                  </Link>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </section>\n        {/* <ProjectSection\n          title=\"Turn of the TV\"\n          link=\"/projects/turn-off-tv\"\n          thumb={IMAGES.turn_off_tv_thumb}\n        >\n          <p>\n            Watch these useful videos instead of seating hours watch TV.\n            Available on Google Play\n          </p>\n        </ProjectSection> */}\n        <section>\n          <Link to=\"/projects/turn-off-tv\" className=\"image\">\n            <StaticImage\n              src={'../assets/images/thumbs/turn_off_tv1.png'}\n              alt=\"\"\n            />\n          </Link>\n          <div className=\"content\">\n            <div className=\"inner\">\n              <header className=\"major\">\n                <h3>\"Turn of the TV\"</h3>\n              </header>\n              <p>\n                Watch these useful videos instead of seating hours watch TV.\n                Available on Google Play\n              </p>\n              <ul className=\"actions\">\n                <li>\n                  <Link to=\"/projects/turn-off-tv\" className=\"button\">\n                    Learn more\n                  </Link>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </section>\n        {/* <section>\n          <Link to=\"/projects/top-best-youtube-channels\" className=\"image\">\n            <img src={pic08} alt=\"\" />\n          </Link>\n          <div className=\"content\">\n            <div className=\"inner\">\n              <header className=\"major\">\n                <h3>Top Best Youtube Channels</h3>\n              </header>\n              <p>\n                Utilized Youtube APIs to design a good collections of best\n                available Youtube channels. And Android native app\n              </p>\n              <ul className=\"actions\">\n                <li>\n                  <Link\n                    to=\"/projects/top-best-youtube-channels\"\n                    className=\"button\"\n                  >\n                    Learn more\n                  </Link>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </section> */}\n        {/* <section>\n          <a\n            href=\"https://decalhoangoanh.com/\"\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            className=\"image\"\n          >\n            <img src={pic09} alt=\"\" />\n          </a>\n          <div className=\"content\">\n            <div className=\"inner\">\n              <header className=\"major\">\n                <h3>Decal Hoang Oanh</h3>\n              </header>\n              <p>\n                Create Decal Hoang Oanh website to showcase their products and\n                services using Wordpress\n              </p>\n              <ul className=\"actions\">\n                <li>\n                  <a\n                    href=\"https://decalhoangoanh.com/\"\n                    target=\"_blank\"\n                    rel=\"noreferrer\"\n                    className=\"button\"\n                  >\n                    Learn more\n                  </a>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </section>\n        <section>\n          <Link to=\"#\" className=\"image\">\n            <img src={pic10} alt=\"\" />\n          </Link>\n          <div className=\"content\">\n            <div className=\"inner\">\n              <header className=\"major\">\n                <h3>Jo2u - College Classified Site</h3>\n              </header>\n              <p>\n                Build a classified site when I were in College using ASP.NET and\n                C#\n              </p>\n              <ul className=\"actions\">\n                <li>\n                  <Link to=\"#\" className=\"button\">\n                    Learn more\n                  </Link>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </section> */}\n      </section>\n    </div>\n  </Layout>\n)\n\nexport default Projects\n"],"names":["props","name","content","header","description","id","className","style","margin","Link","to","S","src","alt"],"sourceRoot":""}