Giter Site home page Giter Site logo

πŸ‘¨β€πŸ’» Austin Spraggins | Spraggins Designsβ„’

Spraggins Designs Logo

πŸš€ About Me

Austin Spraggins: From Highways to Code Ways

As a Full Stack Web Developer in Fresno, California, my journey is a testament to the power of passion and perseverance. I transitioned from life as a truck driver to pursue my love for technology, web programming, and cybersecurity. This career shift reflects my belief in continuous growth and seizing opportunities.

What Drives Me

  • Accessibility Champion: With a blind mother, I'm deeply committed to creating web applications that are truly accessible to all.
  • Lifelong Learner: Currently pursuing a Computer Science degree at Fresno State, not just for the credential, but to keep my mind sharp and stay ahead in tech.
  • Family-Oriented: As a father of two, I lead by example, demonstrating how hard work, dedication, and passion can pave the way to a fulfilling career.
  • Faith-Driven: My Christian faith guides my life and work ethic. I aspire to leverage technology to enhance biblical understanding for all.

My Approach

I specialize in crafting web applications that are robust, accessible, responsive, and visually appealing. My experience spans from local Fresno projects to global collaborations, always aiming to push the boundaries of what's possible on the web.

Every project I undertake is an opportunity to make the digital world more inclusive and user-friendly. Whether it's integrating complex APIs or ensuring seamless accessibility, I approach each task with meticulous care and a user-centric mindset.

I'm always open to new challenges and collaborations that align with my values and push me to grow. Let's connect and explore how we can use technology to make a positive impact, one line of code at a time.

Portfolio GitHub CodePen LinkedIn

πŸ“ž Get in Touch

πŸ’Ό Professional Journey

πŸ‹οΈ Context Pro AI | Full Stack Web Developer & AI Integration Specialist

April 2024 - Present

At Context Pro AI, I've been instrumental in developing a cutting-edge web application that leverages artificial intelligence to provide deep insights into athlete performance and potential. This project has allowed me to showcase my full-stack development skills and my ability to integrate complex AI systems into user-friendly web applications.

Key Achievements and Responsibilities:

  • πŸš€ Spearheaded the development of the Context Pro AI web application from conception to deployment, demonstrating strong project management and end-to-end development capabilities.

  • 🐍 Engineered a robust backend infrastructure using Python, incorporating advanced data processing and AI integration techniques. Utilized PostgreSQL for efficient data management and retrieval, ensuring scalability and performance.

  • βš›οΈ Crafted a responsive and intuitive frontend using Next.js 14, harnessing the power of React Server Components and the App Router for optimal performance and user experience. Implemented a sleek, modern UI with Tailwind CSS, ensuring a consistent and visually appealing design across all devices.

  • 🧠 Successfully integrated OpenAI's API to power advanced natural language processing features, enabling sophisticated analysis of athlete interviews and performance data.

  • πŸ› οΈ Implemented a modern development workflow, utilizing pnpm for efficient package management, and leveraging Vercel for seamless deployment and hosting.

  • πŸ”’ Developed a secure authentication system using JSON Web Tokens (JWT) and bcrypt for password hashing, ensuring robust user data protection.

  • πŸ“Š Designed and implemented a complex database schema using Drizzle ORM, facilitating efficient data modeling and migrations for the PostgreSQL database hosted on Vercel.

  • 🎨 Led the UI/UX design process, creating wireframes and mockups in Figma, and translating them into pixel-perfect, accessible web interfaces.

  • πŸš€ Optimized application performance through efficient code splitting, lazy loading, and the strategic use of Server-Side Rendering (SSR) and Static Site Generation (SSG) in Next.js.

  • πŸ§ͺ Implemented comprehensive testing strategies using Jest and React Testing Library, ensuring high code quality and reliability.

  • πŸ“ˆ Utilized Vercel Analytics and custom logging solutions to monitor application performance and user engagement, driving data-informed improvements.

This project has not only showcased my technical skills across the full stack but also demonstrated my ability to work with cutting-edge AI technologies and create innovative solutions in the sports analytics domain. It represents a significant step forward in my career as a developer, combining my passion for technology with real-world applications that have the potential to transform how we understand and analyze athletic performance.


πŸŽ“ Education

  • πŸ–₯️ Fresno State College (Expected Graduation: January 2026)
    • Bachelor of Computer Science
  • πŸŽ“ Clovis Community College (2021)
    • Associate in Science, Information Systems: Web Design (GPA: 3.92)
  • πŸ“œ Clovis Community College (2020)
    • Certificate of Achievement, Information Systems: Web Design

πŸ› οΈ Tech Toolbox

HTML5 CSS3 JavaScript TypeScript Python React Next.js Node.js PostgreSQL Git Docker Figma

🧰 More Skills
  • πŸ§ͺ Testing: Jest, Puppeteer, Playwright, Selenium
  • 🎨 Design: Responsive Design, Flexbox, Grid, Bootstrap, Tailwind CSS
  • πŸ” SEO & Accessibility: ARIA, Semantic HTML, Structured Data
  • πŸš€ Performance: Lazy loading, Code splitting, CDNs, Caching
  • πŸ”’ Security: OAuth, NextAuth.js, JWT, SSL/TLS, Web Application Firewall

🌟 Soft Skills

  • 🧠 Problem Solving
  • πŸ—£οΈ Communication
  • 🀝 Teamwork
  • 🌊 Adaptability
  • πŸ’– Empathy
  • ⏰ Time Management
  • πŸ” Attention to Detail
  • πŸ’‘ Creativity
  • 🧘 Patience
  • πŸ“š Continuous Learning

πŸ’Ό Featured Project

Repo Card


πŸ† GitHub Trophies

Trophies


πŸ”₯ GitHub Stats

GitHub Streak

Top Langs


πŸ“š Always Learning

I'm constantly sharpening my skills and exploring new territories. Right now, I'm diving deeper into Python and React, looking for ways to integrate them into some exciting new projects. Stay tuned!


πŸ‘‹ Let's Connect!

Feel free to reach out for collaborations or just a friendly chat about web dev and tech trends. I'm always up for a good coding conversation!

GitHub followers

Austin Spraggins's Projects

age-calculator icon age-calculator

Quickly calculate current ages from birthdates for accurate age verification.

ai-docs-digest icon ai-docs-digest

Tool to combine documentation files and download or copy into a single markdown file for AI consumption.

ai-favicon-creator icon ai-favicon-creator

AI Favicon Creator is an advanced web application that leverages the power of OpenAI's image generation capabilities to create professional, high-quality favicons for websites.

ai-prompt-perfector icon ai-prompt-perfector

The AI Prompt Perfector is a web-based tool that refines and enhances prompts for AI models. It offers real-time prompt improvement, a user-friendly interface, and secure API key management, all accessible directly through your web browser without any installation needed. Ideal for AI model training, educational purposes, productivity enhancement,

area-or-perimeter icon area-or-perimeter

Find the Area Or Perimeter with JavaScript, HTML and CSS3. Project I made during second year of college.

atom-one-dracula icon atom-one-dracula

Theme for VS Code that combines Atom One Dark theme with Dracula Soft syntax highlighting.

battleship-game-project icon battleship-game-project

I created a Battleship game for my IS30A course in Fall of 2021. It is written entirely in HTML5, CSS3 and JavaScript.

bible-ai-explorer icon bible-ai-explorer

This is an amazing cutting-edge Biblical web application utilizing AI Agents to read the bible and give you answers on it.

csci-40-projects icon csci-40-projects

This is the repository for my summer class CSCI-40 at Clovis Community College, learning the C++ Programming Language.

ficbunny-fix icon ficbunny-fix

My goal was to ensure each of the files had a coherent, well-written structure of grammar and wording. I used Grammarly Premium.

golf-or-basketball icon golf-or-basketball

Simple one page/one input design. Type whatever you want in the search field and it will determine what the title says using constants and event listeners etc.

is-40b-final-project icon is-40b-final-project

This project should serve as a study guide for the final exam next week. If you can do this project you should be ready for the final exam. NOTE: None of the forms mentioned below have submit buttons, just regular buttons.Create a website for a business travel agency with the following criteria:The website should contain 3 pages (welcome, trips and contact us): 50 pointsThe welcome page should have a form that has a title and paragraph welcoming them to the agency’s website. Below that there should be a small form with a textfield and a button. The user should be instructed to enter the number of days they would like to go on vacation. When the user clicks the button a function should be called and in that function the number of days from the textfield should be multiplied by 250 (the amount per day that the average trip costs). The result should then be displayed to the user in a paragraph below the form telling them how much their trip will probably cost. 50 pointsPASTE PICTURES OF CODE FOR THIS PAGE HEREPASTE PICTURES OF BOTH BEFORE AND AFTER DATA WAS PLACED IN THE FORM HEREThe trips page should have a form that allows the user to select one of three trips (via a drop down). The user should then have a mailing address section and a billing address section. There should be a checkbox that when checked will copy the info from the mailing address to the billing address and clear the billing address info if unchecked. 50 pointsPASTE PICTURES OF CODE FOR THIS PAGE HEREPASTE PICTURES OF BOTH DATA IN THE MAILING ADDRESS BEFORE AND AFTER THE CHECKBOX HAS BEEN CLICKED HEREThe contact page should have a form with a section for the user to type both a message and their email addressed. There should also be a button. Using jQuery, have the form disappear when the button is pressed. Modify the page so that the user sees a message somewhere that says there data has been submitted (really no data is being submitted). 50 pointsPASTE PICTURES OF CODE FOR THIS PAGE HEREPASTE PICTURES OF BOTH THE FORM WITH THE DATA ENTERED AND THEN AFTER THE BUTTON HAS BEEN PRESSED HERE

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.