Skip to content

Instantly share code, notes, and snippets.

@Cema2019
Cema2019 / Task.md
Last active July 16, 2025 21:15
GRAPHQL PRACTICE - STAR WARS PLAYGROUND CHALLENGE

Create a Query named GetAllPeople that will retrieve the following information:

Using the magic of GraphQL, We will retrieve some of the existing Connections for this StarWars Playground . Let's start by fetching the "people" data from an API Playground. We'll retrieve fields like birthYear, eyeColor, gender, hairColor, home-world (gravity, name), skinColor, species (created, designation, eyeColors), name, vehicleConnection, and vehicles (cargoCapacity, model, name, passengers, vehicleClass). This public API offers a lot of fun, and you'll see how quickly we can build a query to display the required data in our apps. >

@Cema2019
Cema2019 / README.md
Last active August 5, 2025 16:41
JS code to generate a password.

Build a basic password generator that meets the following requirements:

  1. Minimum length of 8 characters.
  2. Must include at least:
    • One uppercase letter (A–Z)
    • One lowercase letter (a–z)
    • One number (0–9)
    • One symbol (e.g., !@#$%^&*)
  3. The result must be random every time the password is generated.
  4. Display the generated password in the console or on screen.
@Cema2019
Cema2019 / index.html
Created October 16, 2024 16:23
Rock, paper and scissor game
<body class='bg-light d-flex flex-column justify-content-center align-items-center min-vh-100'>
<div class="container">
<h1 class='text-center text-decoration-underline text-uppercase fs-2 fs-md-1'>Rock, paper & Scissors game</h1>
<h2 class='my-3 my-md-5 fs-4 fs-md-3 text-center'>Try your luck against the computer</h2>
<div class="row justify-content-center g-3">
<div id='scissors' class='col-6 col-md-4 text-center'>
<img src="https://img.freepik.com/free-vector/golden-scissors-isolated_1284-41795.jpg?w=740&t=st=1728665576~exp=1728666176~hmac=05c7fd587561a84c1ba556035be9f6ab61d33289be88db10d0a0eff8abb19652"
alt="scissors"
class="img-fluid border border-dark pulse rounded"
style="width: 100%; max-width: 150px; height: auto; aspect-ratio: 1; object-fit: cover; cursor: pointer;">