Ornamental Nursery Project

관상용 보육 프로젝트

칠레에 위치한 관상용 식물 묘목장의 온라인 상점인 관상용 묘목 프로젝트에 오신 것을 환영합니다. 이 프로젝트는 지역 보육 사업을 위한 역동적이고 사용자 친화적인 웹사이트를 특징으로 하는 웹 개발에 대한 나의 첫 번째 공식 벤처입니다.

프로젝트 개요

이 프로젝트는 칠레의 관상용 식물 종묘장을 소개하며 고객이 다양한 관상용 식물을 탐색하고 구매할 수 있는 온라인 플랫폼을 제공합니다. 이 사이트는 백엔드용 PHP, 상호작용용 Vanilla JavaScript, 스타일 지정용 SCSS, 작업 자동화용 Gulp를 사용하여 구축되었습니다. 아키텍처는 MVC(Model-View-Controller) 패턴을 따라 깔끔하고 체계적인 코드베이스를 보장합니다.

특징

• 사용자 인증: 고객을 위한 보안 로그인 및 등록.
• 제품 카탈로그: 자세한 설명과 이미지가 포함된 다양한 관상용 식물을 찾아보세요.
• 장바구니 : 장바구니에 식물을 추가하고 결제 전 장바구니를 관리합니다.
• 주문 관리: 고객은 주문 내역을 확인하고 현재 주문을 추적할 수 있습니다.
• 반응형 디자인: 원활한 사용자 경험을 위해 데스크톱 및 모바일 장치에 최적화되었습니다.

사용된 기술

• 백엔드: PHP
• 프런트엔드: 바닐라 자바스크립트
• 스타일링: SCSS
• 작업 실행자: Gulp
• 아키텍처: 모델-뷰-컨트롤러(MVC)

프로젝트 구조

• controllers/ - 애플리케이션 로직을 관리하는 컨트롤러가 포함되어 있습니다.
• models/ - 데이터 및 비즈니스 로직을 나타내는 모델을 포함합니다.
• views/ - 사용자 인터페이스 표시를 담당하는 뷰가 포함되어 있습니다.
• public/ - CSS, JavaScript, 이미지 등 공개적으로 액세스 가능한 파일이 포함되어 있습니다.
• src/scss/ - SCSS 스타일 지정을 위한 소스 파일입니다.
• gulpfile.js - Gulp 작업을 위한 구성입니다.

설치

프로젝트를 로컬로 설정하려면 다음 단계를 따르세요.

1. 저장소를 복제합니다.

   git clone https://github.com/yourusername/ornamental-nursery-project.git

2. 프로젝트 디렉토리로 이동합니다:

    cd ornamental-nursery-project

3. 설치 종속성:

   npm install

4. SCSS 컴파일 및 변경 사항 관찰:

   gulp

5. 데이터베이스 설정:

   • MySQL 데이터베이스를 생성하고 제공된 SQL 파일을 가져옵니다.
   • config.php 파일에서 데이터베이스 연결을 구성합니다.

6. 개발 서버를 시작합니다:

   • 로컬 개발 서버(예: XAMPP, WAMP, MAMP)를 사용하여 프로젝트 파일을 제공합니다.

용법

1. 사이트에 접속하세요:

   • 웹 브라우저를 열고 http://localhost/ornamental-nursery-project 로 이동합니다.

2. 기능 살펴보기:

   • 카탈로그를 탐색하고 장바구니에 품목을 추가한 후 결제를 진행하세요.

3. 주문 관리:

   • 주문 내역을 확인하고 현재 주문을 추적하려면 로그인하세요.

기여

기여를 환영합니다! 개선 사항이나 새로운 기능에 대한 제안 사항이 있으면 언제든지 이슈를 공개하거나 풀 요청을 제출해 주세요.

특허

이 프로젝트는 MIT 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 LICENSE 파일을 참조하세요.

감사의 말

• 이 프로젝트에 협력해 주신 지역 보육원에 특별히 감사드립니다.
• 이 프로젝트를 가능하게 한 도구와 리소스를 제공한 오픈 소스 커뮤니티에 감사드립니다.칠레