alertinterface_typescript

Project simulating a spacecraft interface via browser alerts, featuring multiple options in the main menu, utilizing TypeScript (declaring types), HTML, and Node.js. Execute the 'npm run tsc-watch' command in your terminal within the project directory before launching the HTML file.

api-storage

Only data for another implementation.

black-nextjs

Project created with Next.js and deployed on the Vercel website. You can click the LINK below to see how it works!!! Tip: Try adding or removing items from the cart area !!!

commentfeed_react

Project utilizing React (useState). It saves user's emails and comments from two inputs fields, showing local day and time, rendering this data on the screen. The implementation involves React, CSS and Node.js. Execute the 'npm run dev' command in your terminal within the project directory, after installing Node.js, npm & Vite.

datalistproject_react

Project utilizing React method "map", showing a list of games with images, description and titles . The implementation involves React, CSS and Node.js. Execute the 'npm run dev' command in your terminal within the project directory, after installing Node.js, npm & Vite.

gamelibrary_react

Project utilizing React with local storage. It saves game data from two inputs fields, one for the game cover image url and the other one for the game title. The implementation involves React, CSS and Node.js. Execute the 'npm run dev' command in your terminal within the project directory, after installing Node.js, npm & Vite.

githubusersapi_typescript

Project utilizing a GET request to fetch data from GitHub users, using the platform's public API. The implementation involves TypeScript (creating interfaces), HTML, and Node.js. Execute the 'npm run watch' command in your terminal within the project directory before launching the HTML file.

holiday_management

A user-friendly interface (SPA - Single Page Application) for performing CRUD operations on holiday plans. Built with React, React Router, Vite, CSS, and Node.js.

landingpage-onebitx-bootstrap

LandingPage com Bootstrap, Sass, CSS e HTML.

leoram84

logicadeprogramacao_javascript

Repositório contendo vários exercícios e projetos de Lógica de Programação com JavaScript.

movieposters_react

Project utilizing React components (props, destructuring ), showing movie posters on cards from the 80's and 90's, with buttons leading to links on the web, description and titles. The implementation involves React, CSS and Node.js. Execute the 'npm run dev' command in your terminal within the project directory, after installing Node.js and npm.

next13

Project created with next13.

onebitx_bootstrap

Site com Bootstrap, Sass, CSS e HTML.

passwordgen_react

Project utilizing React components, hooks (useState) and props, showing a password generation interface, with copy to clipboard button and an input to define the number of characters. The implementation involves React, CSS and Node.js. Execute the 'npm run dev' command in your terminal within the project directory, after installing Node.js and npm.

personalcardproject_react

Project utilizing React components (props, children, rest param, events, state), simulating a card with my professional information. The implementation involves React, CSS and Node.js. Execute the 'npm run dev' command in your terminal within the project directory, after installing Node.js and npm.

planetsalertinterface_typescript

Project simulating the register of planets and satellites via browser alerts, featuring multiple options in the main menu, utilizing TypeScript (creating new types), HTML, and Node.js. Execute the 'npm run watch' command in your terminal within the project directory before launching the HTML file.

pojetofinancaspessoaisconsumindoumaapi_javascript

Projeto Avançado de uma interface de controle de finanças pessoais, consumindo uma API (Interface de Programação de Aplicativos). O projeto utiliza JavaScript, JSON Server, Node.js, HTML e CSS. Para executar o projeto, utilize o comando "npm run json-server" no terminal, antes de executar o arquivo html.

portfolio-leo

Meu portfólio criado com: Reactjs, TailwindCss, Next.js, Emailjs e BaayMax.

projetocalculadora_javascript_dom

Projeto de uma calculadora com JavaScript DOM (Document Object Model), HTML e CSS.

projetocalculadora_javascript_esmodules

Projeto de uma calculadora com JavaScript utilizando Es Modules (ECMAScript), HTML e CSS.

projetojogodavelha_javascript_dom

Projeto de um jogo da velha com JavaScript DOM (Document Object Model), HTML e CSS.

projetorefatorandoaspromisescalculoimc_javascript

Projeto exclusivamente em JavaScript, com o uso de Promises e funções assíncronas, simulando o cálculo de IMC (Índice de Massa Corporal). O projeto deve ser executado através do terminal com o comando "node index.js".

projetosjavascript_poo

Projetos em JavaScript (Programação Orientada a Objetos). Utilizar o comando "node index.js" no terminal para executar tais arquivos, com exceção da pasta que contém um arquivo em html, que deve ser executado direto no navegador.

routerdom_react

Project utilizing React Router DOM - SPAs. It shows pages with products details, cart info, a home page and an admin area/page, accessed by typing "/admin" next to the default localhost address. It involves React, CSS and Node.js. Execute the 'npm run dev' command in your terminal within the project directory, after installing Node.js, npm & Vite.

spacecraftproject_typescript

"Project simulating a spacecraft launch via browser alerts, utilizing TypeScript, HTML, and Node.js. Execute the 'npm run tsc-watch' command in your terminal within the project directory before launching the HTML file."

sportswebsite_flexbox-e-grid_css-e-html

Sports website using Flexbox e Grid, CSS + HTML. Deploy link: https://leoram84.github.io/SportsWebsite_Flexbox-e-Grid_CSS-e-HTML/

stockitems_react

A more complex React project, this is a Single Page Application for stock items management, built with React, React Router, Vite, CSS and Node.js. It allows you to manage your inventory, add new items, delete items, update existing items, and view various inventory statistics.

teste-android-estagio-v1

Teste V1 para a vaga de estagiário em desenvolvimento Android.

usecontext_react

Project utilizing React (useContext hook). This project renders user information on the screen, with the useContext hook. The implementation involves React, CSS and Node.js. Execute the 'npm run dev' command in your terminal within the project directory, after installing Node.js, npm & Vite. .