Giter VIP home page Giter VIP logo

react-portfolio's Introduction

Nate's React Portfolio

This is my main portfolio that I will be presenting which showcases my projects, experience, and skills. ๐Ÿ™‚

My portfolio has an about me, projects, skills, and a contact section modularized into components. And if the viewer chooses to dedicate their attention to just my projects, I created a whole page displaying every single one of my projects and the tools I used to create it.

This website is powered my React.js, and is deployed on Github pages.

Deployed: https://www.natemci.com

License: MIT

MIT

Table Of Contents

Technologies

Here are the technologies I used for this app

Install

If you would like to use this layout, you can clone or fork, and run npm install to install all the packages needed to run this application.

But before you install, in order for you to get emails from the contact form, you have to link up your keys in the .env. I used Emailjs to take care of that for me, but please read the docs -> EmailJS Docs.

Once you have a solid idea of how to create your email templates, and how to get your emailjs keys, then go to the .env.EXAMPLE file in the root, remove the ".EXAMPLE" and add your Emailjs variables.

 REACT_APP_SERV_KEY=( Your Server key )
 REACT_APP_FORM_TEMPLATE=( Your Template )
 REACT_APP_FORM_PUB_KEY=( Your public Key )

Note: remove the parenthesis and make sure there's no spaces

After getting those set up, run npm start to start the application.

Screenshots

hero section

project section

skills section

contact section

project page

Contributing

Fork this, and make your pull request :)

Questions

Reach Out!

Github: TDGNate

Email: [email protected]

react-portfolio's People

Contributors

tdgnate avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

react-portfolio's Issues

Full Redesign

move about info into hero, and have about page with more content for more info. Change up Text and find a place to show resume

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.