DEV Community: Verica Spaskovska

Login App with Appwrite

Verica Spaskovska — Wed, 11 May 2022 19:28:59 +0000

Submission Category:

Wacky Wildcards

Tech stack used:

React 18
CSS
Appwrite

Link to Code

verica02 / appwrite

Login App with Appwrite

View on GitHub

Happy Easter animation

Verica Spaskovska — Sun, 24 Apr 2022 19:37:48 +0000

link to code

verica02 / happy-easter-animation

Happy Easter animation 🐰🥚

Demo

https://happy-easter.netlify.app/

View on GitHub

demo

https://happy-easter.netlify.app/

Play voice SpaceWords 🚀

Verica Spaskovska — Sat, 26 Mar 2022 19:32:55 +0000

SpaceWords game with voice control, made with p5.js and Deepgram

To play the game enable access to microphone and to shoot the asteroids say the word from where the asteroid comes
as the score increases larger asteroids appear which give more points
If the game is over or you want to restart the game, say restart to play again

Submission Category:

Gram Gamers
Wacky Wildcards

Link to Code on GitHub

verica02 / spacewords-deepgram

SpaceWords 🚀 ☄️

SpaceWords game with voice control, made with p5.js and Deepgram

To play the game enable access to microphone and to shoot the asteroids say the word from where the asteroid comes
As the score increases larger asteroids appear which give more points
If the game is over or you want to restart the game, say restart to play again

Demo

https://space-words.netlify.app/

View on GitHub

Demo

https://space-words.netlify.app/

Happy Women's Day with ParticlesJS

Verica Spaskovska — Tue, 08 Mar 2022 12:47:39 +0000

Happy Women's Day to all the women in coding 💗

Link to code

verica02 / particlesjs

Happy Women's Day

Happy Women's Day with ParticlesJS and Javascript 🌸

Demo

https://womens-day.netlify.app/ ❤️

View on GitHub

Demo

https://womens-day.netlify.app/

Azure Phone Chatbot

Verica Spaskovska — Wed, 23 Feb 2022 22:29:11 +0000

Overview of My Submission

This is Azure Friendly ChatBot using Azure Bot Service 💬 🤖

Step by step:

1.create Azure free account
2.create QnA maker in Azure

3.Navigate to QnA Maker Portal

4.Create a Knowledge Base

5.Add a chit-chat Knowledge Base by selecting a personality or add your own QnA

6.Create Bot and navigate to Channels tab

7.Get the embedded codes, replace YOUR_SECRET_HERE with your secret key and embed code into your website

8.Make 3d phone design

The Team

Verica Spaskovska https://dev.to/verica02
Georgios Christodoulidis

Submission Category:

Wacky Wildcards

Link to Code on GitHub

verica02 / azure-phone-chatbot

Azure Phone Chatbot

This is 3d Azure Friendly ChatBot using Azure Bot Service 💬 🤖

We have started this project with the purpose of participating to the Microsoft Azure Hackathon on dev.to.

Step by step:

create Azure free account
create QnA maker in Azure

Navigate to QnA Maker Portal

Create a Knowledge Base

Add a chit-chat Knowledge Base by selecting a personality or add your own QnA

6.create Bot and navigate to Channels tab

7.Get the embeded codes, replace YOUR_SECRET_HERE with your secret key and embed code into your website

Make 3d phone design 😀

The Team

Verica Spaskovska https://dev.to/verica02
Georgios Christodoulidis

Demo

https://azurechatbot.netlify.app/ 💖

View on GitHub

Additional Resources / Info

https://azurechatbot.netlify.app/

Todo App

Verica Spaskovska — Tue, 11 Jan 2022 19:45:39 +0000

Overview of My Submission

Todo app to add, check and delete todo tasks.

Submission Category:

Choose Your Own Adventure

Link to Code

verica02 / Todo-app

todo-app-mongodb

📋Simple Todo app made with Next.js, TailwindCSS and Mongodb Atlas.

Getting started:

-create MongoDB Atlas account

-donwload code

-install all the dependencies:

npm install

-Add your Atlas connection string to the MONGO_DB_URI in the .env file

-run the development server

npm run dev

View on GitHub

Additional Resources / Info

technology used in this project:

MongoDB Atlas to store todo tasks
Next.js for backend server and routing
TailwindCSS

Daily Forecast email using Github Actions

Verica Spaskovska — Tue, 30 Nov 2021 16:01:41 +0000

My Workflow

This workflow sends a daily weather email report using Gmail, Cron and AccuWeather API for a particular city.

create node.js script
import nodemailer to send email with Gmail SMTP server npm install nodemailer
set up the Google App password for sending authenticated mail
use dotenv to set up environment variables to secure data npm install dotenv
create .gitignore file for .env and node_modules files
automate the daily report email using Github Actions

yaml file

name: Daily Forecast

on:
   schedule:
   - cron: "0 14 * * *"
   workflow_dispatch:

env:
    MAIL_USER_EMAIL: ${{secrets.MAIL_USER_EMAIL}}     
    MAIL_USER_PASSWORD: ${{secrets.MAIL_USER_PASSWORD}}                                                              
    MAIL_FROM: ${{secrets.MAIL_FROM}}
    MAIL_TO: ${{secrets.MAIL_TO}}
    ACCUWEATHER_API_KEY: ${{secrets.ACCUWEATHER_API_KEY}}
jobs:
  report:

    runs-on: ubuntu-latest

    strategy:
      matrix:
        node-version: [14.x]

    steps:
    - uses: actions/checkout@v2
    - name: Use Node.js ${{ matrix.node-version }}
      uses: actions/setup-node@v2
      with:
        node-version: ${{ matrix.node-version }}

    - run: npm ci
    - run: node src/main.js

use Cron to schedule when the node script is running
add the local forecast with AccuWeather API
create an App on AccuWeather system
install nodefetch to use the browser fetch API inside the node script
add the query parameters from the Location API and Forecast API to the project
merge your changes to the Github repository
store the environment variables MAIL_FROM, MAIL_TO, MAIL_USER_EMAIL, MAIL_USER_PASSWORD and the API key ACCUWEATHER_API_KEY as Github action secrets and run the workflow

Submission Category:

Wacky Wildcards

Link to Code

verica02 / daily-forecast

daily-forecast

🌦🌡 Daily weather forecast report using Gmail, Cron and AccuWeather API 🌞🌧

View on GitHub

Additional Resources / Info

Adding the local forecast with the AccuWeather API
https://developer.accuweather.com/
Setting up a Google App Password to use for sending authenticated mail with Gmail
https://support.google.com/accounts/answer/185833?hl=en
Gmail SMTP settings
https://support.google.com/mail/answer/7126229?hl=en#zippy=%2Cstep-change-smtp-other-settings-in-your-email-client