Hi, I'm Ryan Rolader

A Full Stack Developer

Welcome to my portfolio! I’m a very passionate and motivated individual who's always striving to become a better software developer. With expertise in full-stack development, my portfolio showcases a diverse range of projects that reflect my commitment to clean code, user-centric design, and a deep understanding of various technologies.

Projects

View my recent projects

GamerPost | Blog Website


By utilizing the MERN stack to develop a feature-rich web application, I've created a dynamic and interactive platform that allows users to securely create accounts, upload/edit blog posts, and view other user's posts.

Objectives include the implementation of JWT for login authenticity which invloves generating a token upon successful user authentication. Utilzing react context to manage global state which allowed user data, obtained from the JWT, to be used across the project. Create endpoints to handle GET and POST requests based on interaction with the client side and interacting with the appropriate MongoDB collection.


Tech Used:

React.js

Express

MongoDB

Node.js

MaterialUI


Hulu Clone | Web Application


A responsive Next.js application that seamlessly integrates Tailwind CSS to achieve a sleek and modern design that adapts flawlessly across various devices. Leveraging the power of server-side rendering (SSR), the application ensures optimal performance and quick loading times, enhancing the user experience. Smooth animations were incorporated to provide an engaging and polished feel. The integration of TMDb (The Movie Database) REST APIs allowed the application to dynamically fetch and display movie information, keeping content up-to-date and relevant.


Tech Used:

Next.js

Rest APIs

Tailwind

Flexbox

Heroicons


Book Shop | Web Application


This is a Node.js/Express application that utilizes Stripe, a payment system that allows valid credit card transactions. The main functionality of this project is to create a customer and charge their card. All transactions are done in test mode so the program won't accept real credit card payments until it's activated. For now, only a default card given by Stripe will work.

To try this application out click "PURCHASE NOW!", type any syntactically valid email address, use Strips's test card: 4242 4242 4242 4242, use a random 3 digit CVC code, type in a random expiration date, click "Pay $25.00", and success!


Tech Used:

Javascript

Node.js

Express

Express-handlebars

Stripe

Bootstrap


skills

Technical Skills

...

Languages

  • Visual Basic
  • JavaScript/Node.js
  • Python
  • Java
  • HTML5/CSS
...

Frameworks

  • ASP.NET
  • React
  • Express
  • NXOpen
  • Bootstrap
...

Databases

  • Microsoft SQL Server
  • MongoDB
  • Snowflake
...

Developer Tools

  • Visual Studio/VS Code
  • Eclipse
  • Git/GitHub
  • Figma
  • Canva
  • Android Studio
... ... ... ... ... ... ... ... ... ... ... ...
... ... ... ... ... ... ... ... ... ... ... ...

Contact

Contact Me

Location:

Livonia, MI 48150, United States

Call:

517-962-8822