hi i’m tye - a full-stack developer & designer based in warwick passionate about using technology to make a positive impact. since my computer science course, i’ve been hooked on coding.
background
BEng Engineering
University of Warwick
my influence
////////////////////////////
Product design & UI/UX
figma
Conducted usability tests, refining designs based on data-driven insights to maximize user satisfaction.
Designed intuitive, end-to-end UI/UX in Figma, ensuring smooth user flows and alignment with business needs.
Frontend development
react
typescript
tailwindcss
nextjs
git
github
Built a responsive, high-performance UI with TailwindCSS, prioritizing accessibility and pixel-perfect design.
Enhanced SEO and load times through NextJS server-side rendering and static generation.
Secured user authentication with Lucia for seamless, scalable access control.
Leveraged Git and GitHub for efficient version control, CI, and team collaboration.
Applied industry best practices with a layered architecture for maintainable, scalable code.
Backend development
nodejs
mongodb
expressjs
Developed robust RESTful API endpoints with ExpressJS, ensuring high performance and scalability.
Managed data with a fully normalized MongoDB database, using Prisma ORM for efficient and flexible queries.
Utilized Axios for seamless API integration and communication between services.
Conducted thorough API testing with Postman to ensure reliability and adherence to specifications.
Going beyond
Our team stood out among 24 teams by deeply understanding user needs and business goals, resulting in a winning solution.
I led the team to deliver a fully functional MVP within 24 hours, showcasing ability to work efficiently under pressure.
////////////////////////////
Product design & UI/UX
figma
I conducted usability testing to inform design decisions
I designed the UI/UX of the application using Figma
Frontend development
react
typescript
tailwindcss
nextjs
git
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
mongodb
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
////////////////////////////
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.
////////////////////////////
Product design & UI/UX
figma
I designed the UI/UX of the application using Figma
I created a design system to ensure consistency and scalability
I conducted user research and usability testing to inform design decisions
Frontend development
react
typescript
tailwindcss
nextjs
git
github
+5
Reformed frontend for optimized performance and accessibility - increasing user engagement by 15%.
Implemented modular architecture decreasing development time for new features by 10%
Practiced industry standards following the layered architecture pattern
Backend development
nodejs
mongodb
expressjs
openai api
Produced RESTful API endpoints on an ExpressJS server
Persisted data on a fully normalised MongoDB database using the Prisma ORM
Used Axios to perform API calls
Used Postman for extensive API testing
Going beyond
I made sure this project adheres to AAA accessibility standards according to the Web Content Accessibility Guidelines (WCAG)
Implemented screen reader only content
Made key elements focusable using the tabIndex property
Used various ARIA properties to make to make the application more accessible
Collaborators
Khalid A @jadekaii - Character design & Motion graphics
////////////////////////////
Product design & UI/UX
figma
I designed the UI/UX of the application using Figma
I created a design system to ensure consistency and scalability
I conducted user research and usability testing to inform design decisions
Frontend development
react
bootstrap
nextjs
jquery
git
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
I made sure this project adheres to AAA accessibility standards according to the Web Content Accessibility Guidelines (WCAG)
////////////////////////////
mini projects
Backend development
nodejs
cheerio
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
