Guova

AGList

Jun 21st, 2021
1,529
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. export const pList = [
  2.   {
  3.     title: 'Arthur Guo\' Personal Website',
  4.     meta: 'fe-agsite',
  5.     type: 'Front End',
  6.     life: 'Jun 2021 - NOW',
  7.     image: require('../resources/img/proj/ag.jpg'),
  8.     tools: ['TypeScript', 'SCSS', 'React', 'React Router'],
  9.     description: 'This is what you\'re looking at right now! My purpose of making this website is to improve my programming skills while have a place to showcase my skills.',
  10.     learned: [
  11.       'Better general organization, design pattern, and logic seperation',
  12.       'Fluency in SCSS',
  13.       'More understanding of React Hooks',
  14.       'Learned on how to use libraries such as React Simple Animate',
  15.     ],
  16.     url: [
  17.       { name: 'Source', link: 'https://github.com/HypernovaTX/hypernovatx.github.io' },
  18.     ]
  19.  
  20.   },
  21.   {
  22.     title: 'JJ Pools & Patios',
  23.     meta: 'fe-jjpool',
  24.     type: 'Front End',
  25.     life: 'Mar 2021 - Jun 2021',
  26.     image: require('../resources/img/proj/jjpool.jpg'),
  27.     tools: ['TypeScript', 'React', 'PHP'],
  28.     description: 'This is a simple React website I built for a pool cleaning company. I have crafted the design of the website completely by myself as per client\'s request.',
  29.     learned: [
  30.       'Improved code organization',
  31.       'A bit of SVG manipulation',
  32.       'PHP emailer',
  33.     ],
  34.     url: [
  35.       { name: 'Production', link: 'https://jjpoolsnpatios.com/' },
  36.       { name: 'Source', link: 'https://github.com/HypernovaTX/JJPoolsNPatios' },
  37.     ]
  38.   },
  39.   {
  40.     title: 'DFW Mobile Repair',
  41.     meta: 'fs-dfwmr',
  42.     type: 'Full Stack',
  43.     life: 'Oct 2020 - Feb 2021',
  44.     image: require('../resources/img/proj/dfwmr.jpg'),
  45.     tools: ['TypeScript', 'React', 'PHP', 'MySQL', 'React Router'],
  46.     description: 'This the first complex website I built for a client to excercise my knowledge. The website allows customer to input their vehicle specs to look up repair quotes needed. Admins can access a special login page to view/edit vehicle quotes and other users.',
  47.     learned: [
  48.       'Some understanding of development lifecycle',
  49.       'Understanding of user registration/login system',
  50.       'Dealing with more complex API requests using Axios',
  51.       'Dealing with more complex data structures',
  52.       'Better understanding of OOP in PHP'
  53.     ],
  54.     url: [
  55.       { name: 'Production', link: 'https://dfwmobilerepair.com/' },
  56.       { name: 'Source (front end only)', link: 'https://github.com/HypernovaTX/DFWMobileRepair' },
  57.     ]
  58.   },
  59.   {
  60.     title: 'SimpleBugTracker.js',
  61.     meta: 'fs-bug',
  62.     type: 'Full Stack',
  63.     life: 'Sep 2020 - Oct 2020',
  64.     image: require('../resources/img/proj/bugtrack.jpg'),
  65.     tools: ['TypeScript', 'React', 'Express', 'MySQL'],
  66.     description: 'This is the the Bug Track project I have written right after learning ReactJS. To challenge myself, I created this as a more complex version of "To-Do" list. I have halted the develop of this project in favor of a freelance project to follow up.',
  67.     learned: [
  68.       'Learned more with React and its components',
  69.       'Getting an understanding of Express.js',
  70.       'Processing, sorting, and filtering data from MySQL',
  71.       'Creating a form to write data to the database',
  72.     ],
  73.     url: [
  74.       { name: 'Source (front end)', link: 'https://github.com/HypernovaTX/SimpleBugTracker.js-Frontend-' },
  75.       { name: 'Source (back end)', link: 'https://github.com/HypernovaTX/SimpleBugTracker.js-Backend-' },
  76.     ]
  77.   },
  78.   {
  79.     title: 'Regular Toad Game',
  80.     meta: 'gd-toad',
  81.     type: 'Game Development',
  82.     life: 'Apr 2020 - May 2020',
  83.     image: require('../resources/img/proj/rtg2.jpg'),
  84.     tools: ['Game Maker: Studio 1.4', 'GML', 'GLSL', 'Graphic Design'],
  85.     description: 'During the early month of Covid-19 lock down, I built this game out of boredom. Most of the assets in this game are handmade/edited by myself. For example, the in-game artworks are hand drawn in Microsoft Paint.',
  86.     learned: [],
  87.     url: [
  88.       { name: 'Gameplay Video', link: 'https://www.youtube.com/watch?v=8ZL53sWlx74' },
  89.       { name: 'Download', link: 'https://www.mfgg.net/?act=resdb&param=02&c=2&id=37009' },
  90.     ]
  91.   },
  92.   {
  93.     title: 'MFGG.net',
  94.     meta: 'fs-mfgg',
  95.     type: 'Full Stack',
  96.     life: 'Jan 2019 - Oct 2019',
  97.     image: require('../resources/img/proj/mfgg.jpg'),
  98.     tools: ['PHP', 'MySQL', 'JavaScript'],
  99.     description: 'MFGG is an old game development community founded in 2001 and the site software is written in 2006. I fixed some of the site bugs, patched in security hole, and added more feature to a legacy codebase.',
  100.     learned: [
  101.       'Have an understanding working with legacy codebase',
  102.       'Preventive measures on security vulnerability like SQL injection',
  103.       'Understanding the difference of various of SQL joins',
  104.       'Handling a large database',
  105.     ],
  106.     url: [
  107.       { name: 'Production', link: 'https://mfgg.net' },
  108.       { name: 'Source (incomplete)', link: 'https://drive.google.com/file/d/1gSTJfM8KnSeYsZ4660EoDFMlx3rPvCyr/view?usp=sharing' },
  109.     ]
  110.   },
  111.   {
  112.     title: 'Removu',
  113.     meta: 'fe-removu',
  114.     type: 'Front End',
  115.     life: 'Apr 2018 - Mar 2019',
  116.     image: require('../resources/img/proj/removu.jpg'),
  117.     tools: ['WordPress', 'PHP', 'JavaScript'],
  118.     description: 'Removu is a Korean based camera company. The website is built on WordPress and is hosted on an Ubuntu based AWS server. I have helped the company by maintaing the site and redesign its UI',
  119.     learned: [
  120.       'Optimization of WordPress plugins',
  121.       'Some knowledge on JavaScript',
  122.       'WordPress theme modification',
  123.     ],
  124.     url: [
  125.       { name: 'Archived Site', link: 'https://web.archive.org/web/20200417161609/https://removu.com/' },    ]
  126.   },
  127.   {
  128.     title: 'The Green Room Billiards',
  129.     meta: 'fe-greenroom',
  130.     type: 'Front End',
  131.     life: 'May 2017 - Jun 2017',
  132.     image: require('../resources/img/proj/tgrb.jpg'),
  133.     tools: ['WordPress', 'PHP'],
  134.     description: 'I got a client from Billings MT asking me to design a very simple website for his company. The website only took me a very short period of time to complete.',
  135.     learned: [],
  136.     url: [
  137.       { name: 'Reupload', link: 'http://greenroom.byethost8.com/' },    
  138.     ]
  139.   },
  140.   {
  141.     title: '8Tones',
  142.     meta: 'fs-8tones',
  143.     type: 'Full Stack',
  144.     life: 'Mar 2015 - Aug 2016',
  145.     image: require('../resources/img/proj/8tones.jpg'),
  146.     tools: ['Game Maker: Studio 1.4', 'GML', 'PHP', 'MySQL'],
  147.     description: '8Tones is a music making app I built. The app allows users to sequence their 8-bit music on their mobile device and share their creations.',
  148.     learned: [
  149.       'Understanding HTTP requests',
  150.       'Basic understanding of PHP and MySQL',
  151.       'Understanding of hashing and salt',
  152.       'Some basic understanding of grid based data structures',
  153.     ],
  154.     url: [
  155.       { name: 'Video Demonstration', link: 'https://www.youtube.com/watch?v=A7rM7G9tHGE' },
  156.       { name: 'Source', link: 'https://github.com/HypernovaTX/8Tones' },    
  157.     ]
  158.   },
  159.   {
  160.     title: 'Infinite Run Two',
  161.     meta: 'fs-ir2',
  162.     type: 'Game Development',
  163.     life: 'Mar 2015 - Jul 2015',
  164.     image: require('../resources/img/proj/ir2.png'),
  165.     tools: ['Game Maker: Studio 1.4', 'GML'],
  166.     description: 'Infinite Run Two was sequel of a less successful game I built in early 2013 (Infinite Run One). I started off this project as an experimental 2D terrain generator.',
  167.     learned: [
  168.       'Using seed to generate random terrains',
  169.       'More polished game UI',
  170.     ],
  171.     url: [
  172.       { name: 'Gameplay Video', link: 'https://www.youtube.com/watch?v=VA8VnkEINE4' },
  173.       { name: 'Source', link: 'https://drive.google.com/file/d/188423szoIWUpFd_HCABnPm-ZsWfzumRN/view?usp=sharing' }
  174.     ]
  175.   },
  176.   {
  177.     title: 'Cops',
  178.     meta: 'fs-cops',
  179.     type: 'Game Development',
  180.     life: 'Jul 2014 - Jul 2016',
  181.     image: require('../resources/img/proj/cops.jpg'),
  182.     tools: ['Game Maker: Studio 1.4', 'GML'],
  183.     description: 'Cops started off as a mini project for a game jam in mid 2014 where you have to use the color limitations of the Nintendo Entertainment System. Due to popularity, I resumed the development of this game until mid 2016.',
  184.     learned: [],
  185.     url: [
  186.       { name: 'Gameplay Video', link: 'https://www.youtube.com/watch?v=IGT0QUChwmg' },
  187.     ]
  188.   },
  189. ];
RAW Paste Data