Renato Marques Teles

Professional Works

Two blue credit cards crossing each other, showing their front and back sides

VExpenses Cards

A credit card services platform for a startup focused on managing corporate expense reimbursement.

React.js
TypeScript
HTML
CSS
Git
Styled-components
Scrum
i18n
Website
The VExpenses logo with a search input under it written "Find components"

VExpenses UI

A React UI components library following the VExpenses Design System.

React.js
TypeScript
HTML
CSS
Git
Styled-components
Storybook
Website

Front-end

A black and white cup written Coffe Delivery and coffee seeds around it

Coffee Delivery

A coffee shop delivery from the products list to the checkout and success pages.

React.js
TypeScript
HTML
CSS
Git
ViteJS
Zod
Styled-components
Toast
React Hook Form
Website
Source Code
Dark blue background with a search bar on the top with some white icons, it's written "Dashboard" on the center and there is a purple button under it written "Download reports".

Admin Dashboard

Admin dashboard with charts, tables and forms.

React.js
TypeScript
Next.js
HTML
CSS
Git
Nivo charts
Material UI
Formik
Yup
Website
Source Code
The Storybook logo with a search input under it written "Find components"

Ignite UI

Design System packages built and release on NPM to be installed and used in other projects.

React.js
TypeScript
Monorepo
HTML
CSS
Git
CI/CD
Changesets
Stitches
Storybook
NPM Publishing
Website
Source Code
A light background with the logo upload.ai on the top left and an empty text box under it.

upload.ai

AI integrated app to generate titles and descriptions for YouTube videos.

React.js
Next.js
OpenAI API
HTML
CSS
TypeScript
Git
Tailwind CSS
Node.js
Fastify
Prisma
ffmpeg
Zod
Source Code

Mobile

A dark blue background with a white text written "Your Cart" and a picture of a hamburger under it with the title "X-React" and a description.

Restaurant Delivery

This app shows the menu of a restaurant and allow customers to make their order and send it through WhatsApp.

React Native
TypeScript
Expo
Git
Tailwind CSS
Async Storage
Zustand
Whatsapp API
Source Code
A white background with the logo written "Daily Diet" an user avatar on the right and in the certer a green box with a percentage in black "55.56%".

Daily Diet

This app tracks your daily meals to help you stick to your diet.

React Native
TypeScript
Expo
Git
Styled-components
Async Storage
Stack Navigator
Source Code
A dark background with a logo that is an icon with a green rocket inside a shield and 3 gold stars above it. On the center it's written "Teams - Play with your team".

Teams

This app is designed for gamers to manage their teams to play online.

React Native
TypeScript
Expo
Git
Styled-components
Async Storage
Phosphor Icons
Source Code

Back-end

A dark blue background with a JSON with the properties "title" and "options".

Polls

This Node.js API creates polls and updates the votes in real time using web sockets.

Node.js
TypeScript
Fastify
Git
Prisma
PostgreSQL
Redis
Zod
Cookies
WebSockets
Source Code
A barcode with the number 123-456-789.

Barcodes

This python API creates tags/barcodes for your products.

Python
Flask
Cerberus
Git
Python Barcode
Pylint
Pytest
Virtualenv
Source Code

On the Web 3.0

A dark background with a yellow glowing eye written "Paperhands Tracker" under it

Paperhands Tracker

A blockchain contract transaction tracker that checks for "paperhands".

React.js
JavaScript
HTML
CSS
Git
Website
A 3D typography written "Anubis Rush" in purple and yellow with a dark purple background

Anubis Rush

Game developed for the Game Jam competition at the GodsGame NFT community.

Unity
React.js
JavaScript
HTML
CSS
Styled-components
Git
Unity WebGL
Website
Source Code
A purple background with a white "H" as the logo and it's written "Hold Your Crypto" in white under the logo

Hold Your Crypto

Mobile App that helps people keep track of their crypto investments.

React Native
TypeScript
Expo
Git
Styled-components
Async Storage
Source Code
A white background written "CrypTwitter" in black and a blue button with a fox icon and it's written "Connect with MetaMask"

CrypTwitter

Web3 version of Twitter's timeline, on the blockchain.

Solidity
React.js
TypeScript
Next.js
HTML
CSS
Git
MetaMask
Binance Smart Chain
Source Code