Async-await


Better than a promise :D

Our dream team:

Bohdan Shcherbyna

Harry Holubiev

Oleksii Drohachov

Bohdan Shcherbyna

Bio

I enjoy implementing aesthetically pleasing interfaces, and to pay extra attention to details such as animations or UX.

Contributions

  • Managing the global state of the app
  • Working with API, UI/UX design
  • Maintaining the project's vision

Harry Holubiev

Bio

Designing and implementing contemporary and user-friendly web-applications is my passion.

Contributions

  • Designed Product Card, Product Page, Logo
  • Animations
  • Implemented some features in Cart component

Oleksii Drohachov

Bio

Switcher from medical field. The old man

Contributions

  • Set up initial repository
  • Team multitool
  • Implemented most of the layout and front end logic

Teamwork organization:

Communication channels:

  • Github projects
  • Meet ups in discord 3x times a week
  • Project in Figma
  • Emergency calls
  • Text communication in TG chat

Pull request template:

Github workflow:

Tech stack:

  • Type Script - language
  • Vite - bundler
  • React - framework
  • Redux Toolkit - state manager
  • Tailwind - css framework
  • Feature sliced design - methodology

Secondary instruments:

  • Formik, Yup
  • Swiper
  • Framer motion
  • Eslint, prettier, editorconfig, husky

Vite

Pros:

  • speed
  • simplicity
  • performance
  • hot module replacement
  • everything works out of the box

Cons:

  • smaller user community?
  • limited browser support
  • limited production build features

Type Script

Pros:

  • static types
  • improved scalability
  • improved IntelliSense
  • better error handling

Cons:

  • learning curve
  • increased complexity
  • compilation needs

React

Pros:

  • reusable components
  • shadow DOM
  • large community
  • highly customizable
  • performance with large number of components

Cons:

  • more code
  • more ugly code

Redux toolkit

Pros:

  • centralized state
  • preserve page state
  • ecosystem
  • predictable state changes

Cons:

  • complexity
  • verbosity

Tailwind

Pros:

  • fewer class names
  • less code
  • safe refactoring
  • no zombies

Cons:

  • ugly code
  • learning curve
  • non-standart
  • requires tooling

Feature sliced design

Pros:

  • scalability
  • adaptability
  • standartization
  • stability with changes and refactoring

Cons:

  • learning curve
  • more team discipline
  • hard at start

You can't escape f*ckups :)

Thank you very much for your attention!

We are very grateful for this opportunity to study, grow, develop and be a part of community with RS School!

Oleksii
Bogdan
Harry