Leonardo C. Ramidan's Projects
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.
Only data for another implementation.
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 !!!
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.
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.
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.
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.
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 com Bootstrap, Sass, CSS e HTML.
Repositório contendo vários exercícios e projetos de Lógica de Programação com JavaScript.
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.
Project created with next13.
Site com Bootstrap, Sass, CSS e HTML.
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.
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.
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.
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.
Meu portfólio criado com: Reactjs, TailwindCss, Next.js, Emailjs e BaayMax.
Projeto de uma calculadora com JavaScript DOM (Document Object Model), HTML e CSS.
Projeto de uma calculadora com JavaScript utilizando Es Modules (ECMAScript), HTML e CSS.
Projeto de um jogo da velha com JavaScript DOM (Document Object Model), HTML e CSS.
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".
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.
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.
"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."
Sports website using Flexbox e Grid, CSS + HTML. Deploy link: https://leoram84.github.io/SportsWebsite_Flexbox-e-Grid_CSS-e-HTML/
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 V1 para a vaga de estagiário em desenvolvimento Android.
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. .