MustonenMishka
27 y.o. - Self-taught web developer 🔍 - Also: Master of Electrical Engineering 🎓, acrobat 💪, gamer 🎮
WaveAccessSaint-Petersburg, Russia
Pinned Repositories
-large--devicemanagement
My first real project. Web service for collecting and managing data of devices, sold by company. Tech used: NodeJS, Express, EJS, Bootstrap, Yandex API's. Hosted here - https://device-db-manage.herokuapp.com/
-medium--burgerbuilder
Simple React/Redux-Saga project of building and purchasing burger. With firebase backend (you can see your orders) and authentication. Hosted here - https://react-burger-e3f3a.web.app.
-medium--FigmaWebflow
Learning to use Figma. Creating some hero-sections, playing with colors, fonts, layers, etc. As the result - finished landing page and multi-page site with the help of Webflow, based on Figma wireframes and design.
-medium--jsCodeEditor
Locally-installed in-browser JSCodeEditor. Create excecutable code notes with preview window or text nodes with editor. Build with Typescript, React/Redux, Esbuild and Lerna. Hosted on npm, try - "npx @js-editor/cli serve".
-medium--placetagram
Mini-social network for creating and sharing places of interest. Places include description, address with map location and image you can attach. Authentication (JWT), authorization included. Driven by MERN stack. React - with functional components, hooks (also creating custom ones), styled with SASS-Modules. Used API: Google Maps, Cloudinary.
-small--mushotels
Flexbox practice, CSS(SASS) landing page.
-small--musterior
CSS-Grid practice landing page.
-small--mustours
CSS(SASS)-learning project. Landing page, builded using floats (no flex/grids in this one). Some intersting animations used (card 3D rotation, no-JS modals/popups). Responsive (media queries, image size optimizations)
-small--mylilblog
Simple blog page. (NodeJS, Express, EJS, MongoDB). Hosted here - https://mylilblog-mustonen.herokuapp.com/
-small--nextJsPractice
Getting familiar with NextJS. Making a simple blog project with file-based routing, api routes, SSG (ISR), SSR, dynamic-routes, SEO-optimizations and more.
MustonenMishka's Repositories
MustonenMishka/-medium--placetagram
Mini-social network for creating and sharing places of interest. Places include description, address with map location and image you can attach. Authentication (JWT), authorization included. Driven by MERN stack. React - with functional components, hooks (also creating custom ones), styled with SASS-Modules. Used API: Google Maps, Cloudinary.
MustonenMishka/-large--devicemanagement
My first real project. Web service for collecting and managing data of devices, sold by company. Tech used: NodeJS, Express, EJS, Bootstrap, Yandex API's. Hosted here - https://device-db-manage.herokuapp.com/
MustonenMishka/-medium--burgerbuilder
Simple React/Redux-Saga project of building and purchasing burger. With firebase backend (you can see your orders) and authentication. Hosted here - https://react-burger-e3f3a.web.app.
MustonenMishka/-medium--FigmaWebflow
Learning to use Figma. Creating some hero-sections, playing with colors, fonts, layers, etc. As the result - finished landing page and multi-page site with the help of Webflow, based on Figma wireframes and design.
MustonenMishka/-medium--jsCodeEditor
Locally-installed in-browser JSCodeEditor. Create excecutable code notes with preview window or text nodes with editor. Build with Typescript, React/Redux, Esbuild and Lerna. Hosted on npm, try - "npx @js-editor/cli serve".
MustonenMishka/-small--mushotels
Flexbox practice, CSS(SASS) landing page.
MustonenMishka/-small--musterior
CSS-Grid practice landing page.
MustonenMishka/-small--mustours
CSS(SASS)-learning project. Landing page, builded using floats (no flex/grids in this one). Some intersting animations used (card 3D rotation, no-JS modals/popups). Responsive (media queries, image size optimizations)
MustonenMishka/-small--mylilblog
Simple blog page. (NodeJS, Express, EJS, MongoDB). Hosted here - https://mylilblog-mustonen.herokuapp.com/
MustonenMishka/-small--nextJsPractice
Getting familiar with NextJS. Making a simple blog project with file-based routing, api routes, SSG (ISR), SSR, dynamic-routes, SEO-optimizations and more.
MustonenMishka/-small--omnifood
Simple landing page. Responsive. Hosted here - https://mustonenmishka.github.io/-small--omnifood/
MustonenMishka/-small--projectmanager
Simple project manager page. Pure JS written in OOP style. Elements also draggable. Hosted here - https://mustonenmishka.github.io/-small--projectmanager/
MustonenMishka/-small--reacthookspractice
React Hooks practice mini-app. Used useState/Effect/Callback/Ref/Context hooks and also made some custom for httpReq handling. Hosted here - https://react-hook-practice-cdd38.web.app/
MustonenMishka/-small--sharemyplace
ShareMyPlace little project. Frontend: pure JS, OOP style (used Google Maps API, Promises, Webpack, Firebase). Backend: NodeJS, Express, MongoDB. Hosted on - https://static-shareplace.web.app
MustonenMishka/-small--simongame
Warmup yo brains! Simon will duplicate the first signal and add one. Repeat these two signals by pressing the same color lenses, in order. Hosted here - https://mustonenmishka.github.io/Simon_Game/
MustonenMishka/-small--todolist
Simple toDoList with DB connection. NodeJS, Express, EJS, MongoDB. Hosted here - https://todolist-mustonen.herokuapp.com/
MustonenMishka/-small--TypescriptPractice
Getting familiar with TypeScript. Building simple web framework (Backbone/Marionette like) in OOP style, using Typescript. Examples of Inheritance, Composition approaches here and Typescript features - interfaces, generic classes, etc.
MustonenMishka/mfe-react-course
This project is a showcase of Microfrontend architecture approach built with React, Custom Web Components, redux-micro-frontend.
MustonenMishka/module-federation-course
This is a showcase of Microfrontend-based React application using Module Federation feature