Initially created as personal tracker for Axie Infinity. Continuously developed to be used by the community for free.<h3> Version 1 - Personal Use Only</h3>Tech Stack:<ul><li>React JS</li><li>Bootstrap</li><li>Vercel</li></ul><figure class="image"><img src="https://res.cloudinary.com/rgv/image/upload/v1668578772/image_cfa5a6c33f.png"></figure><h3>&nbsp;</h3><h3>Version 2 - Open Public Use</h3>Tech Stack is same as V1<figure class="image"><img src="https://res.cloudinary.com/rgv/image/upload/v1668578914/image_2e550622c8.png"></figure>&nbsp;<h3>Version 3 - Add Multiple Features</h3>Tech Stack:<ul><li>React JS</li><li>Bootstrap</li><li>Node JS</li><li>Express JS</li><li>Mongo DB</li><li>Heroku</li><li>Vercel</li><li>Progressive Web App (PWA)</li></ul><figure class="image"><img src="https://res.cloudinary.com/rgv/image/upload/v1668579314/image_0c49cbb4f9.png"></figure><h3>&nbsp;</h3><h3>Version 4 - Migration to Tailwind CSS</h3>Tech Stack is same as V3 except Bootstrap which is changed to Tailwind CSS.<figure class="image"><img src="https://res.cloudinary.com/rgv/image/upload/v1668579512/image_bf51e6de15.png"></figure><h3>&nbsp;</h3><h3>Version 5 (Current Version) - Support for Origin</h3>Tech Stack is same as V4 but the backend on Heroku is migrated to AWS EC2.<figure class="image"><img src="https://res.cloudinary.com/rgv/image/upload/v1668579700/image_c7e07434af.png"></figure>

🏫 A website to track the statistics of scholars on the game Axie Infinity

AWS EC2

ExpressJS

MongoDB

NodeJS

React

TailwindCSS

Vercel

Axie Scholar Tracker

A decentralized public chat to demonstrate knowledge in Web 3.0 Development. The <a href="https://thirdweb.com/" target="_blank" rel="noopener noreferrer">thirdweb</a> SDK was used here.<figure class="image"><img src="https://res.cloudinary.com/rgv/image/upload/v1668587915/image_231dc54f1b.png"></figure> It can detect network mismatch.<figure class="image"><img src="https://res.cloudinary.com/rgv/image/upload/v1668587990/image_348282ba9e.png"></figure>&nbsp;Everything is stored in the blockchain.<figure class="image"><img src="https://res.cloudinary.com/rgv/image/upload/v1668588077/image_618481337b.png"></figure>

✉️ A decentralized public chat web application.

Web 3.0

Solidity

NextJS

thirdweb

Decentralized Superchat

A portfolio site where I uploaded some of my past works on school. <img src="https://res.cloudinary.com/rgv/image/upload/v1668587446/image_d21c3217e8.png">&nbsp;It also has a backend<figure class="image"><img src="https://res.cloudinary.com/rgv/image/upload/v1668587490/image_a4b89210ca.png"></figure>

📄 A blog site containing some of my works during my study on Mapua University. Mapuans will refer to these documents as Old Testament (OT).

Bootstrap

Django

Algolia

Python

Prism JS

Mapua Portfolio

I created this project to execute my learning on Full Stack Web Development.<figure class="image"><img src="https://res.cloudinary.com/rgv/image/upload/v1668578379/image_25493b019a.png"></figure>

📝 My personal blog created with Next.JS and powered by Strapi



REST

Strapi CMS

Personal Blog

A Pegaxy Tracker tool similar to the tracker of Axie Infinity but with more features.&nbsp;The main layout of the tracker page is similar to the Axie Infinity Tracker. <img src="https://res.cloudinary.com/rgv/image/upload/v1668586839/image_e719b4a2c5.png">&nbsp;The Dashboard layout includes a graph for the daily VIS earnings. Web 3 is used in obtaining the wallet balance of the address. Rechart JS is used for the charts. <img src="https://res.cloudinary.com/rgv/image/upload/v1668587019/image_f879bafb8c.png">&nbsp;It also includes details on a specific Pega. &nbsp;Rechart JS is used for the charts also.<figure class="image"><img src="https://res.cloudinary.com/rgv/image/upload/v1668587085/image_e6a023a733.png"></figure>

🏫 A website to track the statistics of scholars on the game Pegaxy. UI and functions are almost similar to Axie Infinity Scholar Tracker.

Rechart

Pegaxy Scholar Tracker

A todo app made with React, Firebase Authentication and Firestore.&nbsp;<figure class="image"><img src="https://res.cloudinary.com/rgv/image/upload/v1668587676/image_b0fa09517c.png"></figure><figure class="image"><img src="https://res.cloudinary.com/rgv/image/upload/v1668587748/image_85e85131f7.png"></figure>&nbsp;

📅 A todo app made for monitoring my tasks and deadlines when I was studying.

Firebase

Tudo

This group project I lead is an output from a subject during my second year on university. We were only required to have an output that uses machine learning using python and with a GUI. PyQT was very popular GUI tool on our batch during that time. However, I thought that maybe we could do a Web Application so that everyone can easily access our project, not just for the sake of having a submission.&nbsp;Thus, I researched on Django Framework and made necessary setups for our project. Other group members then have their own contributions. <img src="https://res.cloudinary.com/rgv/image/upload/v1668577238/image_c6e0169feb.png">&nbsp;We finished the project successfully. However, we were not able to deploy it since Tensorflow takes up large space and the Free Tier on Heroku wouldn't allow it. You can see snippets on our GitHub.

🤖 An AI chatbot for Covid-19 information created with Python Django Framework



HTML

Covid-19 Chatbot

You are currently viewing this project. 😉

Portfolio Website

This project was made as my output when I was starting to learn Backend Development, specifically on the topics of REST APIs, Python Flask, and Facebook Developer API. Initially, this project was purely a Chatbot on Facebook Messenger. I deployed it on Heroku since they have free tier. <img src="https://res.cloudinary.com/rgv/image/upload/v1668576586/image_e7a5a441be.png"> I later on made a simple update to the link on <a href="https://covid-chatbot-ph.herokuapp.com/">https://covid-chatbot-ph.herokuapp.com/</a> to display a simple details. I used the Bootstrap CSS for faster development.<figure class="image"><img src="https://res.cloudinary.com/rgv/image/upload/v1668576644/image_49d4edc41f.png"></figure>&nbsp;You can read more details on my <a href="https://blog.ranevillanueva.com/posts/covid-chatbot-ph-journey" target="_blank" rel="noopener noreferrer">blog post</a>.&nbsp;* Due to updates on Facebook Developer APIs, the Messenger Chatbot is not functioning. Additionally, Heroku will remove their free tiers on late November 2022.

🦠 A Facebook Messenger chatbot for covid-19 cases monitoring in the Philippines

Flask

Covid Chatbot PH

A flutter application used as a remote for my RGB LED strip lights.

🌈 An IoT remote for controlling my RGB LED strip lights using IR remote and ESP8266	

Flutter

RaneGB Remote

When I was already confident with my Web Development skills, I made my first portfolio website to showcase my skills. &nbsp;This website was overkill since I used Next JS although I don't fetch any data from an API nor use Routes. It was just a static single page application. I also used CI/CD for this one since I had a free Travis CI as part of the GitHub Education. The CI/CD will automatically create build from the source code and update the repository with the GitHub Pages configured.&nbsp; <img src="https://res.cloudinary.com/rgv/image/upload/v1668577693/image_2df687d3f8.png">&nbsp;The source code is in <a href="https://github.com/rgvillanueva28/rgvillanueva28.github.io.source-NextJS">https://github.com/rgvillanueva28/rgvillanueva28.github.io.source-NextJS</a> while the build for deployment is in <a href="https://github.com/rgvillanueva28/rgvillanueva28.github.io.">https://github.com/rgvillanueva28/rgvillanueva28.github.io</a>.&nbsp;You can read more on this <a href="https://blog.ranevillanueva.com/posts/blog-post" target="_blank" rel="noopener noreferrer">blog post</a>. &nbsp;This project is superseded by the page you are currently viewing.

🕸 My old personal website created with Next.JS and TailwindCSS

CI/CD

Old Personal Website

<ul><li><a href="https://gwa.ranevillanueva.com/" target="_blank" rel="noopener noreferrer">Mapua GWA Calculator</a> - Unofficial Calculator used to compute General Weighted Average for Mapua University.</li><li><a href="https://alienworlds-timer.vercel.app/" target="_blank" rel="noopener noreferrer">Alien Worlds Timer</a> - A sound plays when it is time to mine on Alien Worlds.</li><li><a href="https://rgvillanueva28.github.io/ESP8266-RGB-remote/" target="_blank" rel="noopener noreferrer">RaneGB Remote Web</a> - A web based remote for my RGB Lights. Try to hack the password!</li></ul>

Mini projects that is used to practice web development skills

My
Portfolio

Axie Scholar Tracker

Decentralized Superchat

Mapua Portfolio

Personal Blog

Pegaxy Scholar Tracker

Tudo

Covid-19 Chatbot

Portfolio Website

Covid Chatbot PH

RaneGB Remote

Old Personal Website

Other mini projects

MyPortfolio

Axie Scholar Tracker

Decentralized Superchat

Mapua Portfolio

Personal Blog

Pegaxy Scholar Tracker

Tudo

Covid-19 Chatbot

Portfolio Website

Covid Chatbot PH

RaneGB Remote

Old Personal Website

Other mini projects

My
Portfolio