sztakler / driver-license-uwr

Hello there! 👋

Hi, I'm Krystian. I'm a amateur web and game developer working with my close friends in Kiki/Bouba Game Studio.

What is going on lately?

Here are some projects I've been workin' on recently:

• Pandask 🐼 -- task management tool
• Tenebriculum 🌙 -- fantasy RPG game with strong emphasis on narrative
• Octasm 🎱 -- Chip8 interpreter for Atmega microprocessors and desktops
• Basements & Earwigs 🎲 -- innovative tabletop RPG game
• a lot of small web projects ⌨️

Technologies

I work mostly with Vue and React for developing web applications.

I'm also familiar with C and C++ programming and currently learning Rust for some low level programming. I'm also quite experienced with Python and C#.

For local scripting I use mainly bash.

When it comes to game development I took a liking to Godot and Unity:

driver-license-uwr's Issues

Refactor Hero according to new design on Figma

Lately layout of Hero page (mainly illustrations and text information) has changed. We need to apply those changes to Hero page in code.

[Theory] Add content

We need to finish content of theory page, fill all chapters also we should have a final look at the design.

Add video support for Practice and Exam pages

• Add component (or edit existing component) to represent videos for tests.
• Add example videos to Amazon database.

Fix element spacing in registration

Currently texts "Masz już konto?" and "Zaloguj się" on Register page have no gap between. Compare with figma and add appropriate padding/margin.

Webpage

Figma

[Hero] Add some fireworks

We would like our HomePage to produce wow effect, the way we do it should be discussed but current suggestions are:

• paralax
• animation

[Practice] Unlimited cached answers

We should limit number of cached user answers, review can't handle 100 or more answers it will negatively affect design. Find good looking max and implement it.

[FAQ] Add content

FAQ is currently lorem ipsum, think about some questions and add them.

[Practice][02] Refactor Practice component

We decided to replace flexbox with grid in Practice component, it might help us when swapping items order and next part of the refactor.

[Training] Refactor

Code in Training page is a mess. We need to refactor it.

• Change component name from TiledMenu to something more appropriate.
• Make a molecule
• This component uses almost the same Header as Exam and Theory pages. Make Header a component and use it in every page possible.
• MainContainer should be a template.
• This page should have two views: organism Header and organism with form

[Register/Login] Form as a template

We should create a component that will be template for forms that we use for example in register/login it will be reusable. After creating it replace old forms from Register and Login with the new one.

[Account] Account page (client + server)

Client:

• design account page based on figma
  Server:
• implement authorization
• reset password option
• database arrays for statistics, known questions etc.

[Theory] Refactor

• Make two organisms: HeaderContainer and MainContainer
• Content should be a tw.div
• Make molecules for Sidebar and PanelScroller
• Check whether SidebarContainer styled component cannot be swallowed by Sidebar.

[Exam] Redesign page

Exam page is not functional and it looks bad, recommendations:

• make it look like real exam
• make it work :)
• make it responsive

Scale everything according to figma

Buttons and text in many components are irregularly sized, after it's fixed in figma we should fix it in code.

[Text] Create component

We need styled which will be Text component (atom)

[Practice][03] Refactor Practice component

Last part of the refactor, replace modal explanation with expandable explanation inside

Test issue

• one
• two
• three

[Hero] Not visible footer after scrolling down

On homepage u can't scroll down to see footer, it looks like it is a problem with scroll-padding

[Practice] Connect with backend

Practice component currently works with some example data in array, in this task we should implement sending requests to database to retrieve tasks etc. TODO:

• Host database and make it work with frontend
• Make images work
• Add many tasks

[Video] Create atom

We need to implement handling of video's.

[Practice][01] Refactor Practice component

Practice component is just a massive organism, we can shorten it by splitting code into molecules/atoms.