A JSON Portfolio you can use to show your work.
This project was bootstrapped with Create React App. The web App is using following dependencies: The web App is using following dependencies: React Bootstrap for the UI and layouts React Router Dom for navigation and routing React External Link for links outside fernandocomet.com GSAP for animations
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
Note: this is a one-way operation. Once you eject, you can’t go back!
If you aren’t satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.
Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
You don’t have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.
This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting
This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size
This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app
This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration
This section has moved here: https://facebook.github.io/create-react-app/docs/deployment
This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify
Don´t know if I will use all of them, but I took this icons:
text - afar by Jonathan Coutiño from the Noun Project - https://thenounproject.com/term/afar/1054522/ works - File by Ongycon from the Noun Project - https://thenounproject.com/term/file/3319257/ json - JSON File by Yoyon Pujiyono from the Noun Project - https://thenounproject.com/search/?q=json&i=3076053 icon - Arrow by Alice Design from the Noun Project - https://thenounproject.com/search/?q=arrow&i=1920767 monster - Monster by Kidaha from the Noun Project - https://thenounproject.com/term/monster/1731712/ Monster by Kidaha from the Noun Project - https://thenounproject.com/kidahateam/collection/monster/ Monster by Nicky Knicky from the Noun Project - https://thenounproject.com/nicky.humphreys/collection/monsters/ Monster By iconcheese In the Monster - Solid Collection https://thenounproject.com/icon.cheese/collection/monster-solid/ Cyclops By Mike Hince, GB In the Monsters Collection https://thenounproject.com/zer0mike/collection/monsters/ Vernon the trudger By Fredrik Ward, SE In the Cute monsters Collection https://thenounproject.com/fredrik.ward/collection/cute-monsters/ Monster By Alvaro Cabrera, Spain https://thenounproject.com/vendetusvectores/collection/monster/
And this photos from Unsplash UnsplashPhoto by Zdeněk Macháček on Unsplash - https://unsplash.com/photos/HYTwWSE5ztw Photo by Jason Blackeye on Unsplash - https://unsplash.com/photos/JxYvjAMYasQ Photo by Joanna Kosinska on Unsplash - https://unsplash.com/photos/1_CMoFsPfso Photo by Nikhita S on Unsplash - https://unsplash.com/photos/NsPDiPFTp4c Photo by Andrea Leopardi on Unsplash - https://unsplash.com/photos/QVD3Xht9txA Photo by Jon Koop on Unsplash - https://unsplash.com/photos/qOKT67ZUbMk Photo by Daria Nepriakhina on Unsplash- https://unsplash.com/photos/zoCDWPuiRuA Photo by David Travis on Unsplash - https://unsplash.com/photos/WC6MJ0kRzGw Photo by MusicFox Fx on Unsplash - https://unsplash.com/photos/ANpeikC7Up4 Photo by Fachy Marín on Unsplash - https://unsplash.com/photos/Wm7-Z1ZOi0Y Photo by Glenn Carstens-Peters on Unsplash - https://unsplash.com/photos/RLw-UC03GwcPhoto by Rahul Chakraborty on Unsplash - https://unsplash.com/photos/nGzvZe1iWOYPhoto by Kaleidico on Unsplash - https://unsplash.com/photos/26MJGnCM0Wc Photo by Wojtek Witkowski on Unsplash - https://unsplash.com/photos/h7rOzTmGxWE Photo by Taneli Lahtinen on Unsplash - https://unsplash.com/photos/WV10LYoq-fsPhoto by Kenny Luo on Unsplash - https://unsplash.com/photos/eq5em3JMgOw Photo by Hello I'm Nik on Unsplash - https://unsplash.com/photos/MAgPyHRO0AA Photo by NESA by Makers on Unsplash - https://unsplash.com/photos/IgUR1iX0mqM Photo by Roger Erdvig on Unsplash - https://unsplash.com/photos/g6y5mm9Zby0 Photo by Mesut Kaya on Unsplash- https://unsplash.com/photos/eOcyhe5-9sQ Photo by Paul Gaudriault on Unsplash - https://unsplash.com/photos/cwy9yVBBPxg
The colors I took them from these nice sites https://www.quarantine-time.ch/ and https://designtitles.com/ Here is the Array: colors:[ {dark:"#586C74", light:"#D3DB01"},{dark:"#CC2E22", light:"#FFB813"},{dark:"#F7CE16", light:"#2A64A9"},{dark:"#502F7E", light:"#EDB200"},{dark:"#0F2F56", light:"#FC3B2D"},{dark:"#1D382A", light:"#FEBC03"},{dark:"#2D159D", light:"#C49D62"},{dark:"#44276C", light:"#14E1E3"},{dark:"#1E3C35", light:"#E10200"},{dark:"#29292B", light:"#A546A7"},{dark:"#1606FF", light:"#CDFF03"},{dark:"#29292B", light:"#A546A7"},{dark:"#0A2BFA", light:"#BCFFBA"},{dark:"#32155D", light:"#FF8C8A"},{dark:"#6514C9", light:"#F25A0F"},{dark:"#0A2823", light:"#FEC6D6"},{dark:"#FF2C93", light:"#7CE0E6"},{dark:"#191F46", light:"#D17B78"},{dark:"#0F3A34", light:"#FEC6D6"},{dark:"#EF3D4B", light:"#96CBD1"},{dark:"#91FFE4", light:"#073EA7"},{dark:"#D36478", light:"#84CEBA"},{dark:"#1E3C35", light:"#FEBC03"},{dark:"#44276C", light:"#14E1E3"},{dark:"#FF5100", light:"#B3E129"},{dark:"#0A3DA5", light:"#91FFE4"},{dark:"#29292B", light:"#A546A7"},{dark:"#0B4F6B", light:"#FEBA00"},{dark:"#2D159D", light:"#C49D62"},{dark:"#643387", light:"#F3725B"},{dark:"#276591", light:"#FD6649"},{dark:"#C43253", light:"#D3B838"},{dark:"#FF5100", light:"#B3E129"},{dark:"#112478", light:"#F64902"},{dark:"#6514C9", light:"#DFDC01"},{dark:"#093EA7", light:"#91FFE4"},{dark:"#3C755F", light:"#F3CB6B"},{dark:"#F31454", light:"#12E3BA"},{dark:"#0E1C7E", light:"#FF4D05"},{dark:"#009BC6", light:"#FFD15D"},{dark:"#E5270F", light:"#7EBEC1"},{dark:"#54130A", light:"#EF5B09"},{dark:"#821E74", light:"#FF8C8A"},{dark:"#1606FF", light:"#CDFF03"},{dark:"#F31454", light:"#12E3BA"},{dark:"#C43253", light:"#D3B838"},{dark:"#1E3C35", light:"#E10200"},{dark:"#0D1915", light:"#FEBC03"},{dark:"#5125B0", light:"#99FFD0"},{dark:"#821E74", light:"#FF8C8A"},{dark:"#29292B", light:"#A546A7"},{dark:"#8C23FF", light:"#00FDFF"},{dark:"#502F7E", light:"#EDB200"},{dark:"#E5E8DC", light:"#F6748C"},{dark:"#821E74", light:"#FF8C8A"}, {dark:"#168E96", light:"#FDE2C8"}, {dark:"#E8492D", light:"#C6D8C7"}, {dark:"#F03F35",light:"#B6E3E4"},{dark:"#EF3D4A",light:"#96CBD1"},{dark:"#015397",light:"#FD4344"},{dark:"#D83530",light:"#0BBCD6"},{dark:"#1B1D1C",light:"#EA1821"},{dark:"#28292B",light:"#FF0046"},{dark:"#FF4552",light:"#EFE8D8"},{dark:"#FD667C",light:"#CFD1DD"},{dark:"#19227D",light:"#F1C2B8"},{dark:"#162BF4",light:"#EEC0DB"},{dark:"#2D1FE8",light:"#BEA1A5"},{dark:"#16C37B",light:"#F4F4F4"},{dark:"#0E39B1",light:"#FFFFFF"},{dark:"#1B1D1C",light:"#A6CFE2"},{dark:"#371722",light:"#BBAB9B"},{dark:"#008E8F",light:"#C7C6C4"},{dark:"#CF2F88",light:"#DABAAF"},{dark:"#C02A1A",light:"#B6CABF"},{dark:"#B32B48",light:"#C5BEAA"},{dark:"#D31B33",light:"#FDF06E"},{dark:"#D13642",light:"#FDEDB2"},{dark:"#2A3571",light:"#1EC3BD"},{dark:"#181A27",light:"#E88565"},{dark:"#018FD3",light:"#F4C7EE"},{dark:"#1B1D1C",light:"#77EEDF"},{dark:"#1EC8A9",light:"#FFEFE5"},{dark:"#28292B",light:"#B1FDEA"},{dark:"#28292B",light:"#E57066"},{dark:"#28292B",light:"#EED974"},{dark:"#0A64C0",light:"#FBFE55"},{dark:"#168E96",light:"#FDE2C8"},{dark:"#21AD65",light:"#FEC8BE"},{dark:"#E44A66",light:"#D3E8E1"},{dark:"#4F3A4B",light:"#E75151"},{dark:"#112378",light:"#FBECCF"},{dark:"#01B28B",light:"#F5CCCF"},{dark:"#1B1D1C",light:"#9257A9"},{dark:"#FF5034",light:"#C6D7C7"},{dark:"#481B19",light:"#F02F3B"},{dark:"#169BA3",light:"#FFFDE7"},{dark:"#1539CF",light:"#F1D3D3"},{dark:"#FF2B93",light:"#7CE0E6"},{dark:"#3B755F",light:"#F2CB6C"},{dark:"#D36479",light:"#85CEBA"},{dark:"#481B19",light:"#9B8FFF"},{dark:"#0D3934",light:"#FFC5D6"},{dark:"#062AFA",light:"#BBFFBA"},{dark:"#5E30CF",light:"#99FFD0"},{dark:"#1A0BCA",light:"#FB9B2A"},{dark:"#F6748D",light:"#E5E8DC"},{dark:"#073EA7",light:"#90FFE4"},{dark:"#643387",light:"#F3735C"},{dark:"#009BC6",light:"#FFD15E"},{dark:"#202448",light:"#A48641"},{dark:"#181E46",light:"#D17C78"},{dark:"#0A506B",light:"#FEBA02"},{dark:"#0E2F56",light:"#FC3B2D"},{dark:"#6136BA",light:"#00FFC3"},{dark:"#54120A",light:"#EF5B0B"},{dark:"#DE10DE",light:"#FFD100"},{dark:"#32145D",light:"#FF8C8B"},{dark:"#1429C7",light:"#FF4D06"},{dark:"#1405FF",light:"#CDFF05"},{dark:"#1E3B34",light:"#FEBC00"},{dark:"#1E3B34",light:"#E10000"},{dark:"#112378",light:"#F64A00"},{dark:"#2C159D",light:"#C39D63"},{dark:"#8C23FF",light:"#00FDFF"},{dark:"#B03297",light:"#95D0FF"},{dark:"#44266D",light:"#14E1E3"},{dark:"#1E3B34",light:"#FF6B61"},{dark:"#502F7E",light:"#EDB200"},{dark:"#CD244A",light:"#EAC417"},{dark:"#6136BA",light:"#DABAAF"},{dark:"#1B1D1C",light:"#F1B908"},{dark:"#E5270E",light:"#7EBDC1"},{dark:"#F31354",light:"#12E2BA"},{dark:"#266691",light:"#FD6749"},{dark:"#B8237E",light:"#6DA1AE"},{dark:"#CC2E22",light:"#FFB812"},{dark:"#6614C8",light:"#DFDC02"},{dark:"#28292B",light:"#A646A7"},{dark:"#586C74",light:"#D2DB00"},{dark:"#6614C8",light:"#F25A10"},{dark:"#1E3B34",light:"#FF8C8B"},{dark:"#FF5100",light:"#B3E129"},{dark:"#821E74",light:"#FF8C8B"},{dark:"#7912D9",light:"#E289DE"},{dark:"#C43253",light:"#D3B738"},{dark:"#F7CE17",light:"#2B64A9"},{dark:"#FC6C11",light:"#1E3B34"},{dark:"#F7CE17",light:"#B8237E"} ]