bookstore

Книжный магазин

#? Оглавление

• О проекте
  • ? Построен с
    • Технический стек
    • Ключевые функции
  • Живая демонстрация
• Начиная
  • Настраивать
  • Предварительные условия
  • Установить
  • Использование
  • Запустить тесты
  • Развертывание
• Авторы
• ? Будущие функции
• ? Внося
• ️ Покажите свою поддержку
• Благодарности
• Лицензия

Книжный магазин

Book Store - это веб -приложение, которое мы можем удалить, добавить и удалять книгу, я использовал React и JSX для создания этого веб -приложения.

? Построен с

• HTML,
• CSS,
• Java Script
• Git,
• GitHub
• Линтерс
• Webpack
• Реагировать

Технический стек

Клиент

• HTML5
• CSS3
• JavaScript
• Реагировать

Сервер

• VS Code Live Extension Server

Живая демонстрация

Проверьте живую демонстрацию этого проекта здесь.

Ключевые функции

• Линтеры для качества кода
• Отзывчивый дизайн для разных размеров экрана
• В этом проекте используются лучшие методы кодирования.

Начиная

Чтобы получить локальную копию и запустить, следуйте этим шагам.

1. Перейдите к этой ссылке на URL: https://github.com/najibullahjafari/bookstore
2. клонировать репо и начните работать над этим.

Предварительные условия

Чтобы запустить этот проект, вам нужен:

Google Chrome или другой браузер

  https://www.google.com/chrome/ ? brand=JJTC & gclid=CjwKCAjw9J2iBhBPEiwAErwpeSDcMFWiIQWj2u5GY6owZ7OaOHw7dYYCHW7uTR4kvYosNJYd4wt4VxoCiywQAvD_BwE & gclsrc=aw.ds

Учетная запись GitHub:

  https://github.com/

NPM установлен:

  https://nodejs.org/en/download

Git установлен:

  https://git-scm.com/downloads/

Настраивать

Клонировать этот репозиторий в желаемую папку:

  cd my-folder
  git clone https://github.com/najibullahjafari/bookstore

Установить

Пожалуйста, сделайте следующие шаги в этом порядке :

1. Используйте npm run build , чтобы установить все зависимости.
2. Затем вы можете запустить проект по команде npm start Command

Линтерс: Если у вас были какие -либо проблемы с Linters для react вы можете установить как реже:

Эслинт

1. Бегать

    npm install --save-dev [email protected] [email protected] [email protected] [email protected] [email protected] [email protected] @babel/[email protected] @babel/[email protected]  @babel/[email protected]  @babel/[email protected] @babel/[email protected]
   

   Не уверены, как использовать NPM? Прочитайте это.
2. Скопируйте .eslintrc.json и .babelrc в корневой каталог вашего проекта.
3. Не вносить никаких изменений в файлы конфигурации - они представляют рекомендации по стилю, которыми вы делитесь со своей командой, которая является группой всех студентов Microverse.
4. Запустите npx eslint "**/*.{js,jsx}" На корне вашего каталога вашего проекта.
5. Исправить ошибки Linter.
6. Важное примечание : не стесняйтесь исследуйте возможности автоматической коррекции для Eslint, если вы получите поток ошибок, но имейте в виду, что исправление ошибок в стиле вручную поможет вам привыкнуть писать чистый код!

Стилит

1. Бегать

    npm install --save-dev [email protected] [email protected] [email protected] [email protected]
   

   Не уверены, как использовать NPM? Прочитайте это.

2. Copy .stylelintrc.json в корневой каталог вашего проекта.

3. Не вносить никаких изменений в файлы конфигурации - они представляют рекомендации по стилю, которыми вы делитесь со своей командой, которая является группой всех студентов Microverse.

4. Запустите npx stylelint "**/*.{css,scss}" на корне вашего каталога вашего проекта.

5. Исправить ошибки Linter.

6. Важное примечание : не стесняйтесь исследуйте возможности автоматической коррекции для StyleLelint, если вы получите поток ошибок, но имейте в виду, что исправление ошибок в стиле вручную поможет вам привыкнуть писать чистый код!

Использование

Чтобы запустить проект, выполните следующую команду:

Откройте index.html в вашем браузере

Запустить тесты

Чтобы запустить тесты, запустите следующую команду:

Чтобы проверить ошибки стиля:

  npx stylelint " **/*.{css,scss} "

Развертывание

Вы можете развернуть этот проект, используя:

Ваш рабочий браузер.

Авторы

? Наджибулла Джафари

• GitHub: Najibullah_jafari
• Twitter: Najibullah_jafari
• LinkedIn: Najibullah_jafari

(Вернуться к вершине)

? Будущие функции

• [Адаптивная версия]

? Внося

Взносы, проблемы и запросы на функции приветствуются!

Не стесняйтесь проверять страницу проблем.

(Вернуться к вершине)

️ Покажите свою поддержку

Вам нравится этот проект? Так что не ждите, чтобы дать одну звезду!

(Вернуться к вершине)

Благодарности

Я хотел бы выразить свою глубочайшую благодарность микроверру за этот проект. Предоставляемый неоценимый опыт обучения и поддержка сыграли важную роль в моем росте в качестве разработчика. Мои наставники и инструкторы заслуживают особой благодарности за их руководство и терпение. Совместный дух моих сокурсников был постоянным источником вдохновения. Я также выражаю свою признательность сообществу с открытым исходным кодом за их вклад. Наконец, непоколебимая поддержка моей семьи и друзей была движущей силой на протяжении всего этого путешествия. Спасибо, Microverse, за эту невероятную возможность!

(Вернуться к вершине)

Лицензия

Этот проект лицензирован MIT.

(Вернуться к вершине)