> 웹 프론트엔드 > JS 튜토리얼 > 음식 배달 앱

음식 배달 앱

Susan Sarandon
풀어 주다: 2025-01-09 07:25:41
원래의
758명이 탐색했습니다.

비푸드
실시간 추적을 통해 현지 레스토랑에서 음식을 주문할 수 있는 사용자 친화적인 앱입니다. React로 프론트엔드를 구축합니다.

지금 확인해보세요: https://beefood.netlify.app/

GitHub 링크: https://github.com/mahmud-r-farhan/food-delivery-app

Food Delivery App 마흐무드르파르한 / 음식 배달 앱

Bee Food는 사용자가 지역 레스토랑에서 주문하고 문앞까지 음식을 빠르게 배달받을 수 있는 편리한 음식 배달 앱입니다.

음식배달 사이트

React, Vite 및 Tailwind CSS로 구축된 현대적인 반응형 음식 배달 웹사이트.

특징

  • 메뉴 항목이 포함된 레스토랑 목록
  • 요리 검색 및 필터링 옵션
  • 간단한 주문 시스템
  • 실시간 지도가 포함된 주문 진행 상황 추적
  • 어두운 모드와 밝은 모드 전환
  • 모든 기기에 반응하는 디자인
  • 채팅 지원 옵션
  • 사용자 작업에 대한 토스트 알림

시작하기

아래 단계에 따라 프로젝트의 로컬 복사본을 가져와 실행하세요.

전제조건

다음이 설치되어 있는지 확인하세요.

  • Node.js(v14 이상)
  • npm(v6 이상)

설치

  1. 저장소 복제:

    git clone https://github.com/mahmud-r-farhan/food-delivery-app.git
    
    로그인 후 복사
    로그인 후 복사
    전체 화면 모드로 전환 전체 화면 모드 종료
  2. 프로젝트 폴더로 이동하세요:

    cd food-delivery-app
    로그인 후 복사
    로그인 후 복사
    전체 화면 모드로 전환 전체 화면 모드 종료
  3. 종속성 설치:

    git clone https://github.com/mahmud-r-farhan/food-delivery-app.git
    
    로그인 후 복사
    로그인 후 복사
    전체 화면 모드로 전환 전체 화면 모드 종료

프로젝트 진행

  1. 개발 서버 시작:

    cd food-delivery-app
    로그인 후 복사
    로그인 후 복사
    전체 화면 모드로 전환 전체 화면 모드 종료
  2. 브라우저를 열고 http://localhost:3000으로 이동하여 앱이 작동하는 모습을 확인하세요.

생산을 위한 구축

제작을 위한 프로젝트를 구축하려면:

npm install
로그인 후 복사
전체 화면 모드로 전환 전체 화면 모드 종료

이렇게 하면 dist/ 디렉터리가 생성됩니다…

GitHub에서 보기
beefood.netlify.app

저에게 연락 주시기 바랍니다: https://gravatar.com/floawd

Github에서 팔로우: https://github.com/mahmud-r-farhan

위 내용은 음식 배달 앱의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿