Home / JavaScript / Flutter

A portfolio for developers

Portfolio for developers Gatsby version Gatsby-portfolio-portfolio Features TypeScript Eslint/Prettier configured Scores 100% on a11y / Performance /
Information
Category: JavaScript / Flutter
Watchers: 1
Star: 34
Fork: 2
Last update: Sep 20, 2021
Resource links
next-portfolio-dev-liart.vercel.app
https://github.com/smakosh/next-portfolio-dev

Portfolio for developers

All Contributors

Deploy with Vercel

Powered by Vercel

Gatsby version

Gatsby-portfolio-portfolio

Features

  • TypeScript
  • Eslint/Prettier configured
  • Scores 100% on a11y / Performance / PWA / SEO
  • PWA (desktop & mobile)
  • Easy to customize
  • Nice project structure
  • Amazing illustrations by Undraw.co
  • Tablet & mobile friendly
  • Continuous deployment with Vercel
  • A contact form protected by Google Recaptcha powered by Formium
  • Can be deployed with one click
  • Fetches your Github pinned projects with most stars (You could customize this if you wish) using ISR
  • One click deployment to Vercel

Design

Project on Behance

Prerequisites

Online

  1. Create an account at Formik and grab your form endpoint url
  2. Grab a Google recaptcha key from Google Recaptcha
  3. Grab your Github token from GitHub
  4. Click Deploy with Vercel and pass in your:
  • Formik form endpoint
  • Google recaptcha public key
  • Github token

To Env variables section.

Locally

  1. Create an account at Formik
  2. Install Yarn
  3. Grab a Google recaptcha key from Google Recaptcha
  4. Grab your Github token from GitHub
  5. Run cp .env.development.local.template .env.development.local
  6. Run yarn && yarn dev

You could run vercel env pull to get your env variables from Vercel.

Deploying locally to Vercel

I highly recommend that you push to GitHub/GitLab and deploy your repository to Vercel instead or just hit the Deploy button.

Built with

  • Adobe XD
  • Next js
  • TypeScript
  • Formik
  • Google recaptcha
  • VSCode
  • And these useful of JavaScript libraries & Gatsby plugins package.json

License

This project is licensed under the MIT License - see the LICENSE.md file for more details

Contributors

Support


José Fernando Höwer Barbosa
📖

If you love this Next js template and want to support me, you can do so through my GitHub profile.

0 Open More issues
Closed

Fix wrong example environment variables

opened May 25, 2021 by Elbarae1921 4
Closed

Fix template error

Please consider to update the .env template that is causing errors locally

image

opened Apr 29, 2021 by Josehower 4
Closed

Update to Author changes

null

opened Aug 23, 2021 by Josehower 2
Closed

Can't build locally

I've been trying to locally build the app but it seems like I fall on a 401 (only when running yarn build - it works fine with yarn dev).

PS C:\git\hunteroi.github.io> yarn dev   
yarn run v1.22.10
$ next dev -p 3040
ready - started server on 0.0.0.0:3040, url: http://localhost:3040
info  - Loaded env from C:\git\hunteroi.github.io\.env.development.local
info  - Using webpack 5. Reason: no next.config.js https://nextjs.org/docs/messages/webpack5
info  - Using external babel configuration from C:\git\hunteroi.github.io\.babelrc
event - compiled successfully
event - build page: /
wait  - compiling...
event - compiled successfully

PS C:\git\hunteroi.github.io> yarn build
yarn run v1.22.10
$ next build
info  - Using webpack 5. Reason: no next.config.js https://nextjs.org/docs/messages/webpack5
info  - Checking validity of types
info  - Creating an optimized production build
info  - Compiled successfully 
info  - Collecting page data  
[   =] info  - Generating static pages (0/3)
Error occurred prerendering page "/". Read more: https://nextjs.org/docs/messages/prerender-error
Error: Request failed with status code 401
    at createError (C:\git\hunteroi.github.io\node_modules\axios\lib\core\createError.js:16:15)
    at settle (C:\git\hunteroi.github.io\node_modules\axios\lib\core\settle.js:17:12)
    at IncomingMessage.handleStreamEnd (C:\git\hunteroi.github.io\node_modules\axios\lib\adapters\http.js:260:11)
    at IncomingMessage.emit (events.js:327:22)
    at endReadableNT (internal/streams/readable.js:1327:12)
    at processTicksAndRejections (internal/process/task_queues.js:80:21)
info  - Generating static pages (3/3)

> Build error occurred
Error: Export encountered errors on following paths:
        /
    at C:\git\hunteroi.github.io\node_modules\next\dist\export\index.js:31:1106
    at async Span.traceAsyncFn (C:\git\hunteroi.github.io\node_modules\next\dist\telemetry\trace\trace.js:6:584)
    at async C:\git\hunteroi.github.io\node_modules\next\dist\build\index.js:43:49
    at async Span.traceAsyncFn (C:\git\hunteroi.github.io\node_modules\next\dist\telemetry\trace\trace.js:6:584)
    at async C:\git\hunteroi.github.io\node_modules\next\dist\build\index.js:25:1475
    at async Span.traceAsyncFn (C:\git\hunteroi.github.io\node_modules\next\dist\telemetry\trace\trace.js:6:584)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

I've edited a bit the code to fit my template, you can check if the problem comes from the source code itself : https://github.com/hunteroi/hunteroi.github.io but I highly doubt about this.

Any idea? Thanks for any further response!

opened Jun 4, 2021 by HunteRoi 2
Closed

docs: add Josehower as a contributor

Adds @Josehower as a contributor for doc.

This was requested by smakosh in this comment

opened Apr 29, 2021 by allcontributors[bot] 2
Closed

Missing information to run locally

I am trying to use the template but after trying to follow the development steps i can't make it work

image

Maybe can you please consider update the README.md with more clear setup information. The template is really cool

I already create the reCAPTCHA but i don't know how to fill this image

do i need a real domain to run the template locally?

wich key do you need secret or public?

i guess is secret but is not specifyed

image

which scopes need the github token?

image

Ty so much in advance

where should i run this command?

vercel env pull

opened Apr 29, 2021 by Josehower 2

Contents

    VivekPa An open source library for portfolio optimisation
    aymaneMx ⚡ A portfolio for developers with a blog powered by Notion
    ddongule 🌟 This is a simple-portfolio template for Developers.
    ZhengyaoJiang PGPortfolio: Policy Gradient Portfolio, the source code of "A Deep Reinforcement Learning Framework for the Financial Portfolio Management Problem"(https://arxiv.org/pdf/1706.10059.pdf).
    nisarhassan12 A beautiful lightweight accessible and performant personal portfolio website.
    tsurupin A blog and Portfolio CMS built with Rails, React, Redux, Material-UI, CSS Modules.
    m-hamzashakeel Live portfolio designed using Flutter 2.0 available for android and web.
    ScopesCodez DevPage is a website for all developers to ask questions, create their mini portfolio, and advertise their projects!
    Anshul1507 Sample for Animated Portfolio.
    cobiwave ⚡️ A minimal Gatsby portfolio template for Developers
    rammcodes Dopefolio 🔥 - A Blazing Fast Multipage Portfolio Template for Developers 🚀
    manuarora700 ✈️ A simple portfolio for developers to showcase their skills and projects. Blog and tutorial at freeCodeCamp.
    zubairehman A portfolio build by using flutter for web.
    codrops Background image segment effect as seen on [Filippo Bello's Portfolio](http://www.filippobello.com/portfolio).
    katiehuangx How to create a GitHub portfolio to showcase your projects
    RyanFitzgerald A lightweight, customizable single-page personal portfolio website template built with JavaScript and Sass
    aviaryan My open source projects portfolio. Built with React.
    vercel-solutions Easily create a portfolio with Next.js and Markdown.
    pedrorivald 🥇 Projeto vencedor do Campeonato: Portfólio Criativo organizado pela Rafaella Ballerini
    trevtravtrev Simple CLI tool to track your cryptocurrency portfolio in real time.
    gregyjames Use AI to generate a optimized stock portfolio
    Share this repo

    Related Repos


    Flutter
    2.5k
    Create skeleton screens that automatically adapt to your app!
    dvtng React Loading Skeleton Make beautiful, animated loading skeletons that automatically adapt to your app. Open on CodeSandbox Learn about the changes in
     
    Flutter
    4
    Do's and Don'ts for Flutter development
    ibhavikmakwana Best practices in Flutter development Do's and Don'ts for Flutter development, heavily inspired from the android-best-practices Summary Add a linting
     
    Flutter
    9
    How to build Flutter apps by every squad.
    VB10 Ozel Tesekkurler Haluk (dokumanin tamamen onun tarafindan hazirlandi) 🌟 Flutter ile Proje Geliştirme: PM, UI, Backend, Flutter PM-Project Manager Tas
     
    Flutter
    4
    A simple VS Code extension which helps you generate your image assets in 1x, 2x, and 3x an...
    devmuaz Flutter Image Asset Generator A simple Visual Studio Code extension which helps you generate your image assets in 1x, 2x, and 3x and simply added them
     
    Flutter
    51
    Library for creating highly customizable CLI-like progress bars in javascript
    NathanPB Simple highly customized CLI-like progress bar for Javascript If you get any questions or suggestions just open a discussion or an issue Installation
     
    Flutter
    3
    Saying hello to the Flutter framework
    rohanbari A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this is your
     
    Flutter
    3
    simple login design if you edit you can do the same to sign up
    J3nx Login Design If you want a simple design that you can use to log in, you can do the same to register. Star If you like the project, you can show it by
     
    Flutter
    10
    Dalal Street Flutter Client for 2022
    delta Dalal Street Client in Flutter Prerequisites Flutter >2.12 Download Link Check Prerequisites Run if you have installed all the required flutter depend
     
    Flutter
    34
    A highly customizable streaming flow builder.
    bytedance Introduction A highly customizable streaming flow builder. The registration ability can flexibly customize your nodes, different types of node display
     
    Flutter
    24
    This repository consist of many login page example, whch can be used for any web or hybrid...
    LoginRadius Awesome Login pages A Project which includes curated list of different login page web pages. Name Desktop Screenshot Mobile Screenshot Contributed by
     
    Flutter
    34
    Turkish Go Developers
    yakuter Türkiye Go Dili Geliştirici Listesi Bu doküman şu tweet ile başlamış olup Türkiye'deki Go Programlama Dili geliştiricilerini tek bir çatı altında topl
     
    Flutter
    99
    Dart Optimization Tips and Tricks
    vandadnp Going Deep with Dart Going Deep with the Dart language. Issue 1 - Prefer const over final Issue 2 - const in Dart Issue 3 - for loop in Dart Issue 4 -
     
    Flutter
    12
    Normalize CJK characters in text
    daangn normalize-CJK Normalize CJK characters in text Usage import { // Function to normalize CJK text in the given string normalize, // Function to n
     
    Flutter
    15
    Neumorphism design digital clock
    jasminmif Neomorphism design digital clock Demo Check it live: https://codesandbox.io/s/neo-digital-clock-y47d6 Libraries used react react-transition-group Avai
     
    Flutter
    34
    A portfolio for developers
    smakosh Portfolio for developers Gatsby version Gatsby-portfolio-portfolio Features TypeScript Eslint/Prettier configured Scores 100% on a11y / Performance /