initial commit

.eslintrc.js

@@ -0,0 +1,19 @@
+module.exports = {
+  extends: ['airbnb', 'prettier'],
+  plugins: ['prettier'],
+  env: {
+    browser: true,
+    es6: true,
+  },
+  rules: {
+    'import/no-extraneous-dependencies': 'off',
+    'prettier/prettier': 'error',
+    'no-console': 'warn',
+    'react/jsx-one-expression-per-line': 'off',
+    'react/jsx-filename-extension': 'off', // disable if necessary
+    'react/static-property-placement': 'off', // disable if necessary
+    'react/jsx-props-no-spreading': 'off', // disable if necessary
+    'react/require-default-props': 'off',
+  },
+  parser: 'babel-eslint',
+};

.gitignore

@@ -0,0 +1,71 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Typescript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+package-lock.json
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# dotenv environment variable files
+.env*
+
+# gatsby files
+.cache/
+public
+
+# Mac files
+.DS_Store
+
+# Yarn
+yarn-error.log
+.pnp/
+.pnp.js
+# Yarn Integrity file
+.yarn-integrity
+yarn.lock

.prettierignore

@@ -0,0 +1,4 @@
+.cache
+package.json
+package-lock.json
+public

.prettierrc

@@ -0,0 +1,9 @@
+{
+  "printWidth": 100,
+  "bracketSpacing": true,
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": true,
+  "jsxSingleQuote": false
+}

LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 Jacobo Martínez
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,266 @@
+# Gatsby Simplefolio ⚡️ [![GitHub](https://img.shields.io/github/license/cobidev/gatsby-simplefolio?color=blue)](https://github.com/cobidev/gatsby-simplefolio/blob/master/LICENSE.md) ![GitHub stars](https://img.shields.io/github/stars/cobidev/gatsby-simplefolio) ![GitHub forks](https://img.shields.io/github/forks/cobidev/gatsby-simplefolio)
+
+## A clean, beautiful and responsive portfolio template for Developers
+
+<h2 align="center">
+  <img src="https://github.com/cobidev/gatsby-simplefolio/blob/master/examples/example.gif" alt="Gatsby Simplefolio" width="600px" />
+  <br>
+</h2>
+
+## Features
+
+⚡️ Modern UI Design + Reveal Animations\
+⚡️ One Page Layout built with React\
+⚡️ Styled with Bootstrap v4.3 + Custom SCSS\
+⚡️ Fully Responsive\
+⚡️ Configurable color scheme\
+⚡️ Image optimization with Gatsby\
+⚡️ Easy site customization\
+⚡️ Well organized documentation
+
+To view a demo example, **[click here](https://gatsby-simplefolio.netlify.com/)**\
+To view a live example, **[click here](https://cobidev.com/)**
+
+---
+
+## Getting Started 🚀
+
+These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
+
+### Prerequisites 📋
+
+You'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [NPM](http://npmjs.com)) installed on your computer.\
+Also you need to have installed [Gatsby CLI](https://www.gatsbyjs.org/docs/quick-start/)
+
+```
+[email protected] or higher
+[email protected] or higher
+[email protected] or higher
+[email protected] or higher
+```
+
+Also, you can use [Yarn](https://yarnpkg.com/) instead of NPM ☝️
+
+```
+[email protected] or higher
+```
+
+---
+
+## How To Use 🔧
+
+From your command line, first clone Simplefolio:
+
+```bash
+# Clone this repository
+$ git clone https://github.com/cobidev/gatsby-simplefolio
+
+# Go into the repository
+$ cd gatsby-simplefolio
+
+# Remove current origin repository
+$ git remote remove origin
+```
+
+Then you can install the dependencies either using NPM or Yarn:
+
+Using NPM:
+
+```bash
+# Install dependencies
+$ npm install
+
+# Start development server
+$ npm run develop
+```
+
+Using Yarn:
+
+```bash
+# Install dependencies
+$ yarn
+
+# Start development server
+$ yarn develop
+```
+
+**NOTE**:
+If your run into issues installing the dependencies with NPM, use this command:
+
+```bash
+# Install dependencies with all permissions
+$ sudo npm install --unsafe-perm=true --allow-root
+```
+
+Once your server has started, go to this url `http://localhost:8000/` and you will see the website running on a Development Server:
+
+<h2 align="center">
+  <img src="https://github.com/cobidev/gatsby-simplefolio/blob/master/examples/example.png" alt="Gatsby Simplefolio" width="100%">
+</h2>
+
+---
+
+## Instructions:
+
+### Step 1 - STRUCTURE
+
+Go to `/src/mock/data.js` and fill your information, they are 5 objects:
+
+### Hero Section
+
+```javascript
+export const heroData = {
+  title: '', // Hello, my name is
+  name: '', // John
+  subtitle: '', // I'm the Unknown Developer.
+  cta: '', // Know more
+};
+```
+
+### About Section
+
+**_Important Note_**: All the images must live inside the `src/images/` folder in order for Gatsby to show the images correctly.
+
+```javascript
+export const aboutData = {
+  img: 'profile.jpg', // put your profile image (recommended aspect radio: square)
+  paragraphOne: '',
+  paragraphTwo: '',
+  paragraphThree: '',
+  resume: 'https://www.resumemaker.online/es.php', // if no resume, the button will not show up
+};
+```
+
+### Projects Section
+
+**_Important Note_**: All the images must live inside the `src/images/` folder in order for Gatsby to show the images correctly.
+
+Put as many projects object you want inside the `array`.
+
+```javascript
+export const projectsData = [
+  {
+    id: nanoid(),
+    img: 'project.jpg',
+    title: '',
+    info: '',
+    info2: '',
+    url: '',
+    repo: 'https://github.com/cobidev/react-simplefolio', // if no repo, the button will not show up
+  },
+  {
+    id: nanoid(),
+    img: 'project.jpg',
+    title: '',
+    info: '',
+    info2: '',
+    url: '',
+    repo: 'https://github.com/cobidev/react-simplefolio', // if no repo, the button will not show up
+  },
+  ...
+];
+```
+
+### Contact Section
+
+```javascript
+export const contactData = {
+  cta: '', // call to action text for the contact section
+  btn: '', // text inside the button
+  email: '',
+};
+```
+
+### Footer Section
+
+You can remove or add as many you social-media icons you want.\
+Just put an object with the corresponding values inside the networks `array` or remove it from there.
+
+```javascript
+export const footerData = {
+  networks: [
+    {
+      id: nanoid(),
+      name: 'twitter',
+      url: '', // your twitter url
+    },
+    {
+      id: nanoid(),
+      name: 'codepen',
+      url: '', // your codepen url
+    },
+    {
+      id: nanoid(),
+      name: 'linkedin',
+      url: '', // your linkedin url
+    },
+    {
+      id: nanoid(),
+      name: 'github',
+      url: '', // your github url
+    },
+  ],
+};
+```
+
+### Required - Disable GitHub buttons
+
+Set `isEnabled` to `false` once you finish setup your portfolio.\
+By setting to `false` it will hide the GitHub stars/fork buttons
+
+```javascript
+export const githubButtons = {
+  isEnabled: true, // true is the default value
+};
+```
+
+### Step 2 - STYLES
+
+Change the color theme of the website ( choose 2 colors to create a gradient ):
+
+Go to `src/styles/abstracts/_variables.scss` and only change the values on this classes `$main-color` and `$secondary-color` to your prefered HEX color
+
+```scss
+// Default values
+$main-color: #02aab0;
+$secondary-color: #00cdac;
+```
+
+**_Note_**: I highly recommend to checkout gradients variations on [UI Gradient](https://uigradients.com/#BrightVault)
+
+---
+
+## Deployment 📦
+
+Once you have done with your setup. You need to put your website online!
+
+I highly recommend to use [Netlify](https://netlify.com) to achieve this on the EASIEST WAY
+
+## Others versions 👥
+
+[Simplefolio](https://github.com/cobidev/simplefolio) by [Jacobo Martinez](https://github.com/cobidev)\
+[Ember.js Simplefolio](https://github.com/sernadesigns/simplefolio-ember) by [Michael Serna](https://github.com/sernadesigns)
+
+## Technologies used 🛠️
+
+- [Gatsby](https://www.gatsbyjs.org/) - Static Site Generator
+- [GraphQL](https://graphql.org/) - Query language for APIs
+- [React](https://es.reactjs.org/) - Front-End JavaScript library
+- [Bootstrap 4](https://getbootstrap.com/docs/4.3/getting-started/introduction/) - Front-End UI library
+- [Sass](https://sass-lang.com/documentation) - CSS extension language
+
+## Authors
+
+- **Jacobo Martinez** - [https://github.com/cobidev](https://github.com/cobidev)
+
+## Status
+
+[![Netlify Status](https://api.netlify.com/api/v1/badges/2365af6f-820a-4fb8-83e6-69a66f686dfe/deploy-status)](https://app.netlify.com/sites/gatsby-simplefolio/deploys)
+
+## License 📄
+
+This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details
+
+## Acknowledgments 🎁
+
+I was motivated to create this project because I wanted to contribute on something useful for the dev community, thanks to [ZTM Community](https://github.com/zero-to-mastery) and [Andrei](https://github.com/aneagoie)