Git Product home page Git Product logo

portfolio-site-v2's Introduction

Portfolio for Tyler Simoni

This project is meant to showcase my skills as a developer, share a bit about myself, display some of the work I have done, as well as to act as a playground for trying out and understanding new technologies as they come to market. It was bootstrapped with create-t3-app which uses the T3 Stack and is written entirely in TypeScript.

View the live website

www.tylersimoni.com/

Technologies Used

Name Description
NextJs A React framework for building full-stack web applications.
Prisma A next generation Node.js and TypeScript ORM.
Tailwind CSS A utility-first CSS framework that can be composed to build any design, directly in your markup.
tRPC A tool to build & consume fully typesafe APIs without schemas or code generation.
EmailJS A tool to send email directly from code, no server code needed.
Framer Motion A production-ready motion and animation library for React.
React Hook Form A tool to build performant, flexible and extensible forms with easy-to-use validation.
Zod A TypeScript-first schema declaration and validation library.
React Hotkeys Hook A React hook for using keyboard shortcuts in components in a declarative way.
OctoKitJs An all-batteries-included GitHub SDK for Browsers, Node.js, and Deno
Three JS An easy to use, lightweight, cross-browser, general purpose 3D library.
React Three Fiber A React renderer for three.js
Pop Motion IO A animator’s JavaScript toolbox.
Sanity IO A modern CMS that transforms content into a competitive advantage.

Features

  • Server side rendered components created using out of the box NextJS 13 features
    • About section and Portfolio section fetch GitHub information via OctoKit on the server before forwarding it via props to their respective client side components.
  • About section displays GitHub bio and profile picture fetched from my GitHub profile data.
  • Portfolio section displays noteable projects with information fetched from my GitHub repository data.
  • Contact form built with React-Hook-Form, using Zod for validation, and EmailJS to send messages from users.
  • Notification system built to provide various status notifications to the user.
    • Note: Currently the only active notifications are created via filling out the Contact form.
  • Navigation Link underline built manually, inspired by Kevin Powell's wonderfull CSS videos.
  • Entry, resting, and exit animations created using Framer Motion.
  • Light/Dark/System color theming using TailwindCSS with custom theme switcher provider, hook, and UI component.
  • Themed resume download available depending on currently active theme.
  • Ability to show/hide the navbar via a button click or a hotkey press (alt+h).
  • Ability to open the resume via a hotkey press (alt+r)
  • Smooth scrolling down the page via navigation links in navbar or through various call-to-action (CTA) buttons in the page

Future Plans For This Project

  • Add a dev blog

    • Utitize Sanity IO to build my own CMS system.
    • It will act less like a blog and more like a notebook with a view into my mind as a developer as I learn cool, new, fun technologies.
  • To act as a project catalog of sorts; to be a place I can host my past, present, and future personal projects.

Goals As A Developer

  • I absolutely LOVE to learn new things, whether it be new technologies, new recipes, or new ways to make art. I want to learn anything and everything about anything that interests me. Once I start diving into a new fixation, I will not stop until I understand it all the way down.
  • I strive to be the go-to knowledge source on a team and if I don't know something, it will not take me long to learn, understand, and apply it.
  • I make it my mission to make future developers lives on a project as easy as I can. To me, this means:
    • Squeaky clean code
    • Verbose variable and function naming
    • Commenting anything and everything that isn't immediately clear
    • Using common coding standard practices to the best of my abilities
    • Building file/directory architectures that are clear and make sense

A Bit About Me

I'v been a developer working with ReactJS for about 6 years now and I love it. Outside of being a developer some things I love to do are working on my digital art, trying new breweries and eateries in and around my area (Knoxville, TN), hiking the Great Smoky Mountains and all the surrounding mountains/trails, and just relaxing with my wife, dog, and two rabbits.

portfolio-site-v2's People

Contributors

tsimmz avatar

Watchers

 avatar

portfolio-site-v2's Issues

Testimonials Section

Create a space for peers and friends to submit a testimonial to abilities and display on home page

Guest book

Implement a guest book sign in, so people dropping by can just say something quick.

  • limit text length
  • submit will not be instant and will wait for approval before displaying
  • maybe display for current user, but disappear on refresh until approval

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.