https://github.com/ricopella/portfolio_v3

Personal portfolio (2020) site built with Gatsby, React, & TypeScript
https://github.com/ricopella/portfolio_v3

dark-theme emotion framer-motion gatsby netlify react react-audio-player react-helmet typescript

Last synced: about 2 months ago
JSON representation

Personal portfolio (2020) site built with Gatsby, React, & TypeScript

• Host: GitHub
• URL: https://github.com/ricopella/portfolio_v3
• Owner: ricopella
• License: mit
• Created: 2019-01-18T15:31:23.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-03T17:26:36.000Z (over 3 years ago)
• Last Synced: 2025-03-13T06:12:35.251Z (about 1 year ago)
• Topics: dark-theme, emotion, framer-motion, gatsby, netlify, react, react-audio-player, react-helmet, typescript
• Language: TypeScript
• Homepage: https://narinsun.com/
• Size: 46 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 15
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Personal Portfolio v3 [![Netlify Status](https://api.netlify.com/api/v1/badges/b663f3d9-ac10-4d00-be46-fe636028d51b/deploy-status)](https://app.netlify.com/sites/narinsun/deploys)

## Overview

Personal portfolio website, created from the Gatsby JS.

Live version can be viewed at [narinsun.com](narinsun.com)

I've rebuilt my portfolio a few times. Version 1 was with Vanilla JS. Version 2 was styled same as Version 1, but I built it with Gatsby and React. Version 3 is a full re-write. Still used Gatsby, but add TypeScript, Framer-Motion for animations, and re-did the layout and components. Also added unit testing.

## Tech Stack

Built With: [TypeScript](https://www.typescriptlang.org/), [GatsbyJS](https://www.gatsbyjs.org/), [React](https://reactjs.org/), [Emotion](https://emotion.sh/docs/introduction), [Framer-Motion](https://www.framer.com/motion/), hosted with [Netlify](https://www.netlify.com/), and tested with [Jest](https://jestjs.io/) & [Testing-Library/React](https://github.com/testing-library/react-testing-library).

## More Information

- [LinkedIn](https://www.linkedin.com/in/nsundara/)

- [Codepen](https://codepen.io/Ricopella/)

## History

- Last Updated: 11/2/20

- Created: 02/17/19