gta-internet

gta website recreation in react

todo:

1. • header
   1. • title // not sure if we need another property for the preview
   2. • navbar
      1. • navigation
         1. • backwards arrow
            1. • icons
            2. • interactivity
         2. • forwards arrow
            1. • icons
            2. • interactivity
         3. • styles + responsivity // change color when no next/previous page
      2. • home button // set page to eyefind.info
      3. • history button
         1. • dropdown
         2. • icons
         3. • list history
         4. • interactivity
      4. • search bar
         1. • input field
         2. • set and update history
         3. • close window
         4. • icons
   3. • STYLES!!!
2. • app
   1. • pages // all pages in the gta v version not online (have not included exclusively gta online pages) (understand the pages grow as the story progresses, dont worry about this, just include as much as possible, also all pages should be viewed from the perspective of michael (if you really want to, ill probably make a branch for the other characters viewpoints))
      1. • www.eyefind.info
         1. • navbar
            1. • banner
            2. • page categories
            3. • styles
         2. • search
            1. • page categories
               1. • page lists
               2. • put all into pagecategories.json
            2. • random
               1. • randomly take from list in pagecategories.json
         3. • main page
         4. • error page
            1. • random image + text
      2. • www.elitastravel.com
      3. • www.legendarymotorsport.net
      4. • www.southernsanandreassuperautos.com
      5. • www.diamondcasinoandresort.com // gta v version (not online)
      6. • www.arenawar.tv
      7. • www.pandmycycles.com
      8. • www.docktease.com
      9. • www.warstock-cache-and-carry.com
      10. • www.epsilonprogram.com
      11. • www.mydivinewithin.com
      12. • www.thechildrenofthemountain.com
      13. • www.lennyavery-realty.com
      14. • www.bleeter.biz
      15. • www.lifeinvader.com // michael
      16. • www.hushsmush.com
      17. • www.bawsdaq.com // just generate random numbers
      18. • www.lcn-exchange.com // just generate random numbers
      19. • www.maze-bank.com // add michaels balance as the integer limit
      20. • www.thebankofliberty.com // (michael cannot see these)
      21. • www.fleeca.com // (michael cannot see these)
      22. • www.sanandreasdmv.com
      23. • www.suemurry.com
      24. • www.jockcranley.com
      25. • www.iwillsurviveitall.com
      26. • www.cashfordeaddreams.com
      27. • www.psychicshoutout.com
      28. • www.accept-the-chaos.com
      29. • www.sixfiguretemps.com
      30. • www.proposition208.com
      31. • www.vinewoodloglinegenerator.com
      32. • www.thepowcleanse.com
      33. • www.dr-friedlander.com
      34. • www.proposition43.org
      35. • www.whokilledleonorajohnson.com
      36. • www.myroomonline.com
      37. • www.beseecher.net
      38. • www.dynasty8executiverealty.com // under construction
      39. • www.electrotokensystem.com
      40. • www.fameorshame.net
      41. • www.grainoftruth.net
      42. • www.himplantsenhancementsurgery.com
      43. • www.lossantoscustoms.com
      44. • www.lossantosfreegans.com
      45. • www.minotaurfinance.com
      46. • www.sawaterandpower.com
      47. • www.stoppayingyourmortgage.net // domain for sale in game
      48. • www.vanillaunicorn.xxx
      49. • www.visitthealamosea.com
      50. • www.cultstoppers.com
      51. • www.jackhowitzer.com
      52. • www.righteousslaughter7.com // if possible include video, otherwise show disclaimer
      53. • www.hammersteinfaust.com
      54. • www.merryweathersecurity.com
      55. • www.kungfurainbowlazerforce.com // if possible include video, otherwise show disclaimer
      56. • www.republicanspacerangers.com // if possible include video, otherwise show disclaimer
      57. • www.princessrobotbubblegum.com // if possible include video, otherwise show disclaimer
      58. • www.yournewbabysname.com
      59. • www.classicvinewood.com
      60. • www.therealitymill.com
      61. • www.junkenergydrink.com
      62. • www.theinternetisahellhole.com
      63. • www.fruitcomputers.com
      64. • www.ministerinminutes.com
      65. • www.chainsofintimacy.com
      66. • www.appropriateassociates.com
      67. • www.taco-bomb.com
      68. • www.manopausedadventures.com
      69. • www.monetaryscience.us
      70. • www.swallowco.com
      71. • www.abstinentamerica.com
      72. • www.egochaseenergybar.com
      73. • www.altruistsunite.com
      74. • www.yourdeadfamily.com
      75. • www.universaluniform.net
      76. • www.preservexskincream.com
      77. • www.fabienlaroucheyoga.com
      78. • www.bedevinweston.com
      79. • www.bullsharktestosterone.com
      80. • www.toeshoesusa.com
          1. • main page
          2. • anatomy
          3. • footer
      81. • www.toiletcleaneronline.com
      82. • www.ammunation.net
3. • ads help me list these
   1. • yournewbabyname
   2. • lifeinvader
   3. • ....
4. • help me add more

to contribute,

read CONTRIBUTING.md

notes

all sites are in the xbox aspect ratio of width 1920px (max-width and min-width are set to these on all websites)
I DO NOT WANT TO MAKE RESPONSIVE UI!!!!!!!!!!!!!

all ui is based off michael's phone

icons from https://fontawesome.com/, will not be exact match, but try your best, custom made icons may be added though.
dont worry if images dont exactly fit, or aren't exactly like in game or aren't the best resolution, you can

• use remove.bg to remove backgrounds
• add drop shadow in css
• resize it smaller

depending on my feelings later i may actually replace or redraw images and icons, but just working on a rough draft of all the websites for now

this has been done before btw: https://github.com/nicxes/gtavweb, although not to full extent and using php

will work on uploading captures of websites from in game

will host on github pages soon