Giter VIP home page Giter VIP logo

masters-demolition's Introduction

SPA - Лэндинг для компании по демонтажу зданий и сооружений.

Структура сайта:

  • Header:
    • Логотип - по клику скроллит страницу в начало;
    • Меню - открывает навигацию по странице;
  • Главный баннер с кратким описанием компании и кнопкой открытия модального окна с формой обратной связи
  • Секция "Наши проекты". На мобильных устройствах реализована ввиде слайдера.
  • Секция "Рассчитать стоимость работ". Калькулятор для расчета и кнопка открытия модального окна с формой обратной связи
  • Footer

Скриншоты секций и интерактивных элементов сайта:

  1. Главный экран в разрешении 1440px

Главный экран

  1. Открытая форма обратной связи

Форма обратной связи

  1. Открытое меню навигации по странице

Меню навигации

  1. Мобильная версия секции "Наши проекты" реализована в виде слайдера

Слайдер проектов

  1. Мобильная версия секции "Рассчитать стоимость работ

Калькулятор

Ссылка на приложение развернутое на хостинге vercel:

https://masters-demolition.vercel.app

Технологический стек:

Feature Sliced Design, React, TypeScript, Redux Toolkit, Material UI, SCSS.

Требования

  • Node.js >= 16

Установка

npm install

Запуск для разработки

В режиме разработки (development) приложение запускается командой:

npm start

Сборка для продакшена

Для публикации проекта на сервере сначала выполняется сборка приложения командой:

npm run build

masters-demolition's People

Contributors

korsakov-ua-dn avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.