hi, i'm tye πŸ‘‹ β€” a full-stack developer, designer and engineering student based in warwick. i'm passionate about using technology and working with clients to make meaningful products.

    i've built a range of applications, including ai-powered apps that generate exam questions and analyze football match data, and websites with hundreds of daily active users. (and yes, i know how to exit vim!)

    my skills span ui/ux design and full-stack development. i thrive on learning new languages and frameworks, and i'm always up for a challenge. i'm currently open to exploring freelance opportunities where i can help businesses and individuals bring their ideas to life through innovative and user-focused applications.

    if you'd like to work on a project together, please use the contact button above ☝️.

    when i'm not coding, you can find me working on projects with clients, contributing to open-source projects, or serving up delicious food as a waiter.

    background

    BEng Engineering

    University of Warwick

    Tye's Portrait

    need a website? let's talk.

    i'm available for freelance work and collaborations.

    my influence

    ////////////////////////////
    Delta Logo

    Delta

    creator and lead developer

    β€’ an ai-powered exam question generator designed to help students prepare for their exams.

    β€’ creates unique, challenging, and relevant questions based on lecture material.

    β€’ provides a user-friendly interface, with an aaa accessibility rating (wcag).

    media

    Product design & UI/UX

    Figma icon

    figma

    • Conducted user research and usability testing to inform design decisions and improve user experience.

    • Designed the UI/UX of the application using Figma, creating wireframes, prototypes, and high-fidelity mockups.

    Frontend development

    React icon

    react

    Typescript icon

    typescript

    TailwindCSS icon

    tailwindcss

    NextJS icon

    nextjs

    Git icon

    git

    GitHub icon

    github

    • Built a dynamic and responsive user interface with React and NextJS, providing a seamless user experience.

    • Leveraged TailwindCSS for streamlined styling and a consistent design system.

    • Implemented state management solutions to handle complex application state and data flow.

    • Integrated with OpenAI or other AI APIs to generate exam questions based on user input.

    • Utilized NextJS features like server-side rendering (SSR) and static site generation (SSG) to optimize performance and SEO.

    • Managed version control, continuous integration, and collaborative development using Git and GitHub.

    Backend development

    NodeJS icon

    nodejs

    prisma icon

    prisma

    MongoDB icon

    mongodb

    openAI API icon

    openai api

    • Developed robust API routes using NextJS for handling user authentication, data management, and AI model interactions.

    • Utilized Prisma as an ORM for efficient database management and interactions with PostgreSQL.

    • Implemented secure authentication and authorization flows to protect user data and ensure privacy.

    Going beyond

    • Integrated a sophisticated AI model for generating high-quality exam questions tailored to specific subjects and difficulty levels.

    • Implemented advanced features like question set management, progress tracking, and performance analysis to enhance the learning experience.

    • Optimized the application for performance and scalability to handle a growing user base.

    ////////////////////////////
    EngSoc Logo

    Engineering Careers Tracker

    lead developer

    β€’ the warwick engineering society required a tool to help students manage internship applications

    β€’ in close collaboration i developed the engineering application tracker used by hundreds daily.

    media
    media
    media

    Product design & UI/UX

    Figma icon

    figma

    • Conducted user research with EngSoc members to understand their needs and pain points.

    • Designed the UI/UX in Figma, focusing on a user-centered approach and best practices.

    Frontend development

    React icon

    react

    Typescript icon

    typescript

    TailwindCSS icon

    tailwindcss

    NextJS icon

    nextjs

    Git icon

    git

    GitHub icon

    github

    • Built a user-friendly and accessible interface for managing applications.

    • Implemented features to track deadlines, requirements, and progress.

    Backend development

    MongoDB icon

    mongodb

    Prisma icon

    prisma

    NextJS icon

    nextjs

    • Utilized MongoDB as the database to store application data and user information.

    • Leveraged Prisma as an ORM for efficient database management and type-safe interactions with MongoDB.

    • Developed robust API routes using NextJS to handle data fetching, updates, and user authentication.

    Going beyond

    • 🀝 Worked closely with the EngSoc committee throughout the development process, from ideation and design to implementation and testing.

    • 🎨 Implemented UI/UX best practices to ensure a user-friendly and efficient experience for students.

    • πŸ› οΈ Built a robust and scalable full-stack application to meet the specific needs of EngSoc and its members.

    ////////////////////////////
    Portrait of Tye

    a message from me

    i'm always looking for opportunities to learn and grow. new technologies and projects excite me, and i'm avid about creating products that make a difference.

    View 2024 Impact Report β†—
    ////////////////////////////
    VisionFC Logo

    VisionFC

    hackathon project leader

    β€’ a data visualization platform tailored to the specific needs of coventry city football club's executive board ⚽️, which won the largest hackathon at warwick!

    β€’ visionfc uses ai to and analyze player performance.

    media

    Backend development

    NodeJS icon

    nodejs

    ExpressJS icon

    expressjs

    MongoDB icon

    mongodb

    • Built neural networks for match score prediction (85% accuracy).

    • Implemented linear interpolation for player performance analysis.

    • Displayed data using D3.js

    Product design & UI/UX

    Figma icon

    figma

    • Conducted usability tests with the executives, iterating on designs based on feedback.

    • Designed intuitive UI/UX in Figma, aligning with their specific needs.

    Frontend development

    React icon

    react

    Typescript icon

    typescript

    TailwindCSS icon

    tailwindcss

    NextJS icon

    nextjs

    Git icon

    git

    GitHub icon

    github

    • Crafted a responsive UI with TailwindCSS, focusing on accessibility.

    • Enhanced SEO and load times with NextJS.

    • Secured user authentication with Lucia.

    Going beyond

    • 🀝 Worked closely with the Coventry City FC executives throughout the hackathon, ensuring the platform met their exact requirements.

    • πŸš€ Led the team to deliver a functional MVP in 24 hours, demonstrating strong leadership and efficient teamwork under pressure.

    ////////////////////////////

    Albos UK

    product developer & designer

    β€’ developed and designed the website for a youth-led mental health charity

    β€’ my code increased accessibility and seo rankings by 30%

    (Click for fullscreen)

    media

    Product design & UI/UX

    Figma icon

    figma

    • Designed the UI/UX of the application using Figma

    • Created a design system to ensure consistency and scalability

    • Conducted user research and usability testing to inform design decisions

    Frontend development

    React icon

    react

    Bootstrap icon

    bootstrap

    NextJS icon

    nextjs

    JQuery icon

    jquery

    Git icon

    git

    GitHub icon

    github

    • Implemented a responsive and accessible UI using Bootstrap

    • Used Git and GitHub for version control and collaboration

    • Practiced industry standards following the layered architecture pattern

    Going beyond

    • 🀝 Collaborated with the development team to ensure designs were implemented correctly

    • πŸ“± Ensured all designs were thoroughly responsive

    • 🎨 Created a design pattern for other designers to easily follow

    • ♿️ Made sure this project adheres to AAA accessibility standards according to the Web Content Accessibility Guidelines (WCAG)

    personal projects

    ////////////////////////////
    BeatTheRush Logo

    BeatTheRush

    creator

    β€’ i created an early platform notifier app allowing users to see platform information before it is displayed on the main boards

    β€’ has over 100 daily active users.

    (Click for fullscreen)

    media

    Product design & UI/UX

    Figma icon

    figma

    • I conducted usability testing to inform design decisions

    • I designed the UI/UX of the application using Figma

    Frontend development

    React icon

    react

    Typescript icon

    typescript

    TailwindCSS icon

    tailwindcss

    NextJS icon

    nextjs

    Git icon

    git

    GitHub icon

    github

    • Used NextJS for server-side rendering and routing

    • Developed a highly responsive, pixel-perfect user interface optimized for performance and accessibility, leveraging TailwindCSS for streamlined styling and consistent design.

    • Utilized NextJS for advanced server-side rendering (SSR) and static site generation (SSG), enhancing SEO and reducing time-to-first-byte for faster load times.

    • Integrated robust user authentication and session management with Lucia, ensuring secure, scalable, and user-friendly authentication flows.

    • Managed version control, continuous integration, and collaborative development using Git and GitHub, adhering to best practices such as feature branching and code reviews.

    • Implemented industry-standard design patterns, including a modular, layered architecture, ensuring scalability, maintainability, and separation of concerns across the application.

    Backend development

    NodeJS icon

    nodejs

    MongoDB icon

    mongodb

    Hono icon

    hono

    • Produced RESTful API endpoints on a Hono server

    • Used Postman for extensive API testing

    • Used Node Fetch to perform API calls

    • Used Postman for extensive API testing

    Going beyond

    • Implemented rate limiting on API endpoints, making the application secure

    • Practiced industry standards following the layered architecture pattern

    Trainspy Logo

    trainspy

    creator

    β€’ beattherush uses trainspy, an api i made that provides real-time train tracking information for the uk rail network

    β€’ reached over 800 downloads in less than 3 days.

    (Click for fullscreen)

    Backend development

    NodeJS icon

    nodejs

    Cheerio icon

    cheerio

    Axios icon

    axios

    • I used Cheerio to parse the HTML and get the data I needed

    • I used Axios to make requests to the RealTimeTrains website

    • I used NodeJS to create the API endpoints

    Going beyond

    • I added exact locations of trains for precise latitude and longitude tracking

    • Made this API free to use for everyone, as other rail APIs are private or costly

    leave a message

    πŸ™‹β€β™‚οΈ

    regardless of whether you’re in awe or have feedback, i’d love to hear it.