Jason Ruben
Fullstack Developer
I build dynamic and user-centric websites and applications with a focus on accessibility, best practices, SEO and performance.
Hello there! I am Jason Ruben, a dedicated full-stack developer with a strong focus on Next.js and MERN technologies, hailing from the Philippines.
With a solid foundation in full-stack development, I bring a wealth of experience to the table. Having honed my skills across the entire stack, I am adept at building dynamic and responsive web applications.
As a dedicated full-stack developer, I prioritize staying updated with the latest technology trends to deliver innovative solutions. I thrive on the dynamic nature of this field, finding inspiration in its constant evolution. I look forward to embracing new opportunities and overcoming challenges with enthusiasm and dedication.
Projects
Soma v2.0 — next.js 14 (ts)
Soma Version 2.0 is the latest iteration of my anime streaming website, succeeding Soma Version 1.0 (soma-chill). It's a free, open-source platform built with Next.js 14 and Tailwind, featuring ad-free streaming, PWA support, and Disqus comments. The project integrates the Consumet API for enhanced content delivery.
- Nextjs
- Typescript
- Tailwind
- Consumet
- Disqus
- Artplayer
- Git
- GitHub
- Vercel
Soma v1.0 — MERN Stack
I've built this API-driven website that offers an immersive anime experience. Seamlessly stream content, enjoy dynamic pages, and benefit from a personalized 'last watched' section. With a secure Node.js backend, registered users can savor exclusive features like bookmarks for uninterrupted enjoyment.
- MongoDB
- Express
- React
- Nodejs
- CSS
- Consumet
- Git
- GitHub
- Vercel
Flexibble — next.js(.ts)/p2
Introducing my second Next.js 13 project, now with TypeScript. This dynamic app boasts Google OAuth for secure user authentication. Leveraging Grafbase and Cloudinary, it offers a robust CRUD system for seamless project management. The application also harnesses Next.js 13's advanced routing capabilities for a smooth user experience. Note: This project serves as a reference now since grafbase no longer have database.
- Nextjs
- Typescript
- CSS
- Tailwind
- OAuth2
- GraphQL query
- Grafbase
- Cloudinary
- Git
- GitHub
- Vercel
Prompt Master — next.js/p1
My first Next.js 13 project, I mastered the dynamic Next.js framework. Key highlight? Effortlessly integrating Google's OAuth2 for user authentication. I showcased my skills in building dynamic apps with intuitive routing and efficient serverless functions. The project includes a prompt CRUD system, tag-based search, and user profile view with posted prompts.
- Nextjs
- Javascript
- CSS
- Tailwind
- OAuth2
- Git
- GitHub
- Vercel
jasondev01.github.io/v1
My First React Portfolio: A look into my web development journey. Created with CRA, it combines style and function with smooth animations from AOS. The contact form uses EmailJS for easy communication. This project reflects my growth and coding skills, showing my dedication to engaging user experiences.
- React
- JavaScript
- EmailJs
- AOS
- Git
- Github Pages
Experience
Web Developer — Central One PH Inc.
As a developer, I am tasked to create and develop websites and applications for the company. To achieve this goal, I mainly use React library and its framework — Nextjs. Additionally we also use WordPress to cater clients whom prefers to create their website on WordPress CMS. We are also venturing the theme and plugin development.
- Reactjs
- Nextjs
- JavaScript
- Typescript
- Tailwind
- API
- Git
- WordPress
- PHP
Jr. Software Engineer — HireTalk.ai
As a junior software engineering intern, my primary responsibilities include learning from my colleagues and seniors, as well as assisting in the development and enhancement of applications by writing and maintaining code. Additionally, I work on updating existing components to ensure their continued smooth operation.
- Nextjs
- Typescript
- Tailwind
- API
- Git
- Nestjs
- Graphql
- Apollo
Frontend Developer — 51 Blocks
I was assigned the role of crafting reusable templates with Elementor to fashion static pages, showcasing my aptitude for constructing versatile digital resources. Additionally, I proficiently handled daily tasks aligned with quality assurance, predominantly during the pre-launch phase, underscoring my dedication to upholding exceptional content standards.
- Divi
- WordPress
- Elementor
- Beaver