Projects

Novellover
Description
A personal website for a writer to publish his works
⇩
A personal website for a writer to publish his works. The objective is to create a personal website for a writer where he can as little effort as possible publish his works starting from novels bt ranging to all sorts of creation and grow a fanclub.
Project started at 17.07.2023
Project duration in months: 28
Hours spent on that project (includes research and learning time): 43
Future plans:
⇩
Styling, tests
Source code for this project is not public.
You can visit the project at:
Kärjetänava lood
Description
A beekeeping blogsite for Apicrap
⇩
A beekeeping blogsite for Apicrap. The objective was to create a simple beekeeping blog with RSS support from scratch and gradually develop it as client's ideas grow. The project is ongoing and waiting for a new input to develop further.
Project started at 03.05.2023
Project duration in months: 31
Hours spent on that project (includes research and learning time): 134
Future plans:
⇩
Filtering posts by tags. OG image fix.
Link to source code: https://github.com/apicrap/apiblog

You can visit the project at: https://karjetanav.eu/
223435 ajaveeb
Description
A blogsite created for an IT course
⇩
A blogsite created for an IT course. The objective was to blog about various IT-related topics. In order to make blogging more interesting to me I created a pure HTML-CSS blog which supports RSS feed. Note that the workinghours in this case include content creation.
Project started at 02.11.2022
Project duration in months: 4
Hours spent on that project (includes research and learning time): 174
Future plans:
⇩
Cancelled project. No improvements are planned.
Link to source code: https://github.com/devKarin/automatic-winner

You can visit the project at: https://devkarin.github.io/automatic-winner/blog
AlienShop
Description
A test assignment for the company Lumav Commerce OÜ
⇩
A test assignment for the company Lumav Commerce OÜ. The objective of this assignment was to create a React app, which consists a form, a grid for products and a counter for products in shopping cart. Through the form the products can be added to the product grid. Form fields consist of a product image, a product name and a product price field. When submitted, the product with data given through form will be added into the grid. Additionally, user (with the technical reviser in mind) can load dummy products to fill the products grid quickly. One product consists of an image, a name and a price. Additionally, it has "Add to cart" button and a button to remove the product from the grid. As a bonus also "Add one more" and "Remove one" buttons were created. "Add to cart" button adds the product to the cart, the counter will display the overall count of products in the cart, the total cost of products in the cart, lists the product in the cart and displays the amount of that product in cart and the unit price of that product; clicking "Add one more" increases the count of the specific product in the cart and clicking the removal button (the "x" in the corner of the product card, the product will be deleted from the grid as well as from the cart and the overall product count and total cost in the cart will be corrected accordingly. It was forbidden to use any framework for the design (eg Bootstrap, Material UI, etc.) - the design was required to be self-made.
Project started at 02.05.2022
Project duration in months: 0
Hours spent on that project (includes research and learning time): 70
Future plans:
⇩
Add error handling, develop into full-fledged application.
Link to source code: https://github.com/devKarin/lumav_FE_test_02_05_2022

You can visit the project at: https://devkarin.github.io/lumav_FE_test_02_05_2022/
React portfolio website v1
Description
A personal portfolio project
⇩
A personal portfolio project.
Project started at 13.07.2021
Project duration in months: 52
Hours spent on that project (includes research and learning time): 320
Future plans:
⇩
Not planned yet
Source code for this project is not public.
You can visit the project at: https://devkarinportfolio.herokuapp.com
Fireworks
Description
A HTML canvas application showing fireworks
⇩
A HTML canvas application showing fireworks. It started as an internship test assignment for a company called gotoAndPlay in April 2021, after which I developed the application further and fixed some issues it had. Surprisingly I discovered that my friends loved it and played with it as if it was some computer game, although it wasn't designed it to be one.
Project started at 15.04.2021
Project duration in months: 0
Future plans:
⇩
The plan is to improve the performance of the app and turn it into a PWA.
Link to source code: https://github.com/devKarin/fireworks

You can visit the project at: https://devkarin.github.io/fireworks/

Projects

Novellover

Description

A personal website for a writer to publish his works

⇩

A personal website for a writer to publish his works. The objective is to create a personal website for a writer where he can as little effort as possible publish his works starting from novels bt ranging to all sorts of creation and grow a fanclub.

Project started at 17.07.2023

Project duration in months: 28

Hours spent on that project (includes research and learning time): 43

Technologies I used:

⇩

Next.js

React.js

CSS modules

JavaScript

Skills I improved:

⇩

Next.js

React.js

JavaScript

CSS modules

Future plans:

⇩

Styling, tests

Source code for this project is not public.

You can visit the project at:

Kärjetänava lood

Description

A beekeeping blogsite for Apicrap

⇩

A beekeeping blogsite for Apicrap. The objective was to create a simple beekeeping blog with RSS support from scratch and gradually develop it as client's ideas grow. The project is ongoing and waiting for a new input to develop further.

Project started at 03.05.2023

Project duration in months: 31

Hours spent on that project (includes research and learning time): 134

Technologies I used:

⇩

Ruby

Jekyll

Sass

JavaScript

Skills I improved:

⇩

Ruby

Jekyll

HTML

Sass

JavaScript

GitHub Pages

Future plans:

⇩

Filtering posts by tags. OG image fix.

Link to source code: https://github.com/apicrap/apiblog

You can visit the project at: https://karjetanav.eu/

223435 ajaveeb

Description

A blogsite created for an IT course

⇩

A blogsite created for an IT course. The objective was to blog about various IT-related topics. In order to make blogging more interesting to me I created a pure HTML-CSS blog which supports RSS feed. Note that the workinghours in this case include content creation.

Project started at 02.11.2022

Project duration in months: 4

Hours spent on that project (includes research and learning time): 174

Technologies I used:

⇩

HTML

CSS

JavaScript

Skills I improved:

⇩

HTML

CSS

JavaScript

RSS

Future plans:

⇩

Cancelled project. No improvements are planned.

Link to source code: https://github.com/devKarin/automatic-winner

You can visit the project at: https://devkarin.github.io/automatic-winner/blog

AlienShop

Description

A test assignment for the company Lumav Commerce OÜ

⇩

A test assignment for the company Lumav Commerce OÜ. The objective of this assignment was to create a React app, which consists a form, a grid for products and a counter for products in shopping cart. Through the form the products can be added to the product grid. Form fields consist of a product image, a product name and a product price field. When submitted, the product with data given through form will be added into the grid. Additionally, user (with the technical reviser in mind) can load dummy products to fill the products grid quickly. One product consists of an image, a name and a price. Additionally, it has "Add to cart" button and a button to remove the product from the grid. As a bonus also "Add one more" and "Remove one" buttons were created. "Add to cart" button adds the product to the cart, the counter will display the overall count of products in the cart, the total cost of products in the cart, lists the product in the cart and displays the amount of that product in cart and the unit price of that product; clicking "Add one more" increases the count of the specific product in the cart and clicking the removal button (the "x" in the corner of the product card, the product will be deleted from the grid as well as from the cart and the overall product count and total cost in the cart will be corrected accordingly. It was forbidden to use any framework for the design (eg Bootstrap, Material UI, etc.) - the design was required to be self-made.

Project started at 02.05.2022

Project duration in months: 0

Hours spent on that project (includes research and learning time): 70

Technologies I used:

⇩

Next.js

React.js

CSS modules

JavaScript

Skills I improved:

⇩

React.js

CSS modules

JavaScript

Next.js

Future plans:

⇩

Add error handling, develop into full-fledged application.

Link to source code: https://github.com/devKarin/lumav_FE_test_02_05_2022

You can visit the project at: https://devkarin.github.io/lumav_FE_test_02_05_2022/

React portfolio website v1

Description

A personal portfolio project

⇩

A personal portfolio project.

Project started at 13.07.2021

Project duration in months: 52

Hours spent on that project (includes research and learning time): 320

Technologies I used:

⇩

React.js

CSS modules

JavaScript

Node.js

Google Sheets API

Helmet.js

Google reCaptcha

Skills I improved:

⇩

React.js

CSS modules

JavaScript

Google Sheets API

proxying

Helmet.js

CORS

CORB

COEP

CSP

Heroku

Google reCaptcha

Future plans:

⇩

Not planned yet

Source code for this project is not public.

You can visit the project at: https://devkarinportfolio.herokuapp.com

Fireworks

Description

A HTML canvas application showing fireworks

⇩

A HTML canvas application showing fireworks. It started as an internship test assignment for a company called gotoAndPlay in April 2021, after which I developed the application further and fixed some issues it had. Surprisingly I discovered that my friends loved it and played with it as if it was some computer game, although it wasn't designed it to be one.

Project started at 15.04.2021

Project duration in months: 0

Technologies I used:

⇩

JavaScript

Html

Css

Canvas

Skills I improved:

⇩

JavaScript

Html

Css

Canvas

Future plans:

⇩

The plan is to improve the performance of the app and turn it into a PWA.

Link to source code: https://github.com/devKarin/fireworks

You can visit the project at: https://devkarin.github.io/fireworks/