Yehor Dreval
Rating
Skills and abilities
Portfolio
-
Goldfish
Web ProgrammingGold Fish is a site on the MERN stick with TypeScript
The purpose of this project is to develop and implement an online store that will specialize in the sale of digital games, as well as to offer elements of a discussion forum for the gaming community. Such a store will allow players to conveniently buy games and at the same time participate in interactive discussions, reviews, exchange of experiences and observations about individual games.
… The website is designed so that you can search, buy games, review ratings, add ratings and reviews, create an account, review order history, write a blog, create events, administrators can add products, edit them, edit events, blogs and review order statistics on the site.
Also on the site will be adapted version for all devices, which will help improve user comfort and expand the audience.
-
The Amazonia
Web ProgrammingВебсайт електронної комерції, створений за допомогою стеку MERN (MongoDB, Express, React, Node.js). Вебсайт розроблений, щоб забезпечити платформу для продажу та купівлі різних продуктів, подібно до Amazon. Він пропонує широкий набір функцій як для користувачів, так і для адміністраторів.
Ключові особливості
… Автентифікація користувача
Користувачі можуть реєструватися та безпечно входити в систему за допомогою JWT (JSON Web Tokens) для автентифікації.
Паролі надійно хешуються та зберігаються в базі даних.
Пошук продукту
Користувачі можуть шукати продукти за допомогою таких фільтрів, як категорія, ціновий діапазон і ключові слова.
Результати пошуку відображаються у зручній формі.
Кошик
Користувачі можуть додавати продукти в кошик для покупок, який зберігається в їх обліковому записі.
Кошик зберігає продукти навіть після того, як користувач вийшов із системи та знову ввійшов.
Розміщення замовлення
Користувачі можуть розміщувати замовлення, надаючи інформацію про доставлення та платіжні деталі.
PayPal інтегровано для безпечної та зручної обробки платежів.
Панель адміністратора
Адміністратори мають доступ до інформаційної панелі зі статистикою замовлень і діаграмами.
Адміністратори можуть керувати продуктами, додаючи, редагуючи або видаляючи елементи.
Зображення продуктів можна завантажувати та зберігати на Cloudinary для ефективного керування зображеннями.
Керування користувачами дозволяє адміністраторам редагувати, видаляти або призупиняти облікові записи користувачів.
Адміністратори можуть підтверджувати доставлення замовлень, відповідно оновлюючи статус замовлення.
Використовується технічний стек
ReactJS
Набір інструментів Redux
TypeScript
Експрес
MongoDB
React-paypal
Cloudinary-API
Діаграми React-google
SCSS-модулі
-
The React Pizza
Web ProgrammingThis is a small project that demonstrates the implementation of the pizza order platform using React and TypeScript.
The key features:
Technologies used: React, TypeScript, Redux-toolkit
… Data processing: uses a JSON server to imitate API requests for pizza data.
Dynamic filtering: It realizes dynamic filtering of the pizza based on different attributes.
URL stability: demonstrates the process of supporting the status of the filter in the URL.
Shopping basket: contains a basket system for adding the picked pizza.
Used Technical Stack:
ReactJs
Router React
React Skeleton
The Huki React
TypeScript
SCSS / SASS (Sintax SCSS) modules for styling
-
React Emoployees
Web ProgrammingВебдодаток, який спрощує керування співробітниками для вашого бізнесу. Створений з використанням найновіших вебтехнологій, зокрема Express, TypeScript, React і Prisma, React-Employees пропонує повний набір функцій для спрощення процесу управління робочою силою.
Ключові особливості:
Автентифікація користувача за допомогою JWT: використовуючи вебтокени JSON (JWT), React-Employees реалізує безпечну систему автентифікації користувачів. Після входу маркери JWT видаються та використовуються для наступних авторизованих запитів API.
…
Операції CRUD для співробітників: програма демонструє повні операції CRUD (створення, читання, оновлення, видалення) для записів співробітників. Призматичні моделі використовуються для визначення схеми та структури даних про співробітників.
Реєстрація та процес входу: нові користувачі можуть зареєструватися, надавши необхідні дані, а зареєстровані користувачі можуть безпечно ввійти. Інтерфейс зв’язується з сервером для обробки автентифікації та керування маркерами.
Динамічне оброблення форм: форми React розумно розроблені для обробки вхідних даних і забезпечують безперебійну роботу користувача. Компоненти форми є модульними та придатними для багаторазового використання, що зменшує надмірність у коді.
-
The React Blog
Web ProgrammingSite MERN, with registration, entry, post creation function
Activity
| Latest proposals 1 | Budget | Added | Deadlines | Proposal | |
|---|---|---|---|---|---|
|
Web developer with Front-End skills and experience with ReactJS
1500 USD
|