https://github.com/ramidecodes/ramiroramirez
Personal website of Ramiro Ramirez - Software Developer & Creative Technologist
https://github.com/ramidecodes/ramiroramirez
Last synced: 2 months ago
JSON representation
Personal website of Ramiro Ramirez - Software Developer & Creative Technologist
- Host: GitHub
- URL: https://github.com/ramidecodes/ramiroramirez
- Owner: ramidecodes
- License: mit
- Created: 2019-07-21T12:32:12.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2023-03-03T11:29:30.000Z (over 3 years ago)
- Last Synced: 2024-01-03T13:33:20.291Z (over 2 years ago)
- Language: JavaScript
- Homepage: https://ramiroramirez.xyz
- Size: 7.42 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Portfolio for developers
[](https://app.netlify.com/sites/gatsby-portfolio-dev/deploys)
## Features
- Eslint/Prettier configured
- Scores 100% on a11y / Performance / PWA / SEO
- PWA (desktop & mobile)
- Easy to customize
- Nice project structure
- Amazing illustrations by [Undraw.co](https://undraw.co)
- Tablet & mobile friendly
- Continuous deployment with [Netlify](https://netlify.com)
- A contact form protected by Google Recaptcha
- Can be deployed with one click
- Functional components with ~~Recompose~~ React Hooks! ~~ready to migrate to React hooks!~~
- Fetches your Github pinned projects with most stars (You could customize this if you wish)
## Structure
```bash
.
├── data
│ └── config # SEO related tags
├── src
│ ├── components # Components
│ │ │── common # Common components
│ │ │── landing # Components used on the landing page
│ │ └── theme # Header & Footer
│ └── pages # Pages
└── static # Icons, favicon & SVG illustrations
```
## Prerequisites
Please create a new file `.env.development` and put this env variable with your GitHub token
> If you're building locally, you will have to create a new file `.env.production` and put the same env variable
```bash
GITHUB_TOKEN=xxxxxxxxxx
```
Don't forget to edit your site's data on `data/config.js` file with your Google Recaptcha public key
When deploying on Netlify, you will have to set the private key as well
```bash
SITE_RECAPTCHA_KEY=xxxxx
SITE_RECAPTCHA_SECRET=xxxxx
```
I highly recommend you check this [repository](https://github.com/imorente/gatsby-netlify-form-example) for more details about the Google Recaptcha and Netlify forms
## Installing
Installing the dependencies
```bash
npm i
```
## Start the dev server
```bash
npm start
```
### Clean the cache
This removes the `.cache/` & `public/` folders
```bash
npm run clear
```
## Built with
- Adobe XD
- Gatsby
- React & GraphQL
- VSCode
## License
This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details
## Contributors
- [Ajayns](https://github.com/ajayns) https://github.com/smakosh/gatsby-portfolio-dev/pull/3
- [Smakosh](https://smakosh.com)