JimCo.API

Jimco 소매 업체 데모 앱

Jimco Retailers 데모 응용 프로그램은 4 가지 관련 웹 응용 프로그램 그룹입니다. 다음 부분으로 구성됩니다.

1. Asp.net Core를 사용하여 C#로 작성된 백엔드 API.
2. React를 사용하여 작성된 온라인 쇼핑객을 대상으로하는 소매 웹 사이트
3. React를 사용하여 작성된 내부 직원을 대상으로 한 직원 포털 웹 사이트
4. React를 사용하여 작성된 상점에 제품을 배포하는 공급 업체를 대상으로하는 공급 업체 포털 웹 사이트

4 개의 웹 사이트 모두 Microsoft Azure에서 호스팅됩니다. 코드 리포지토리는 GitHub에서 호스팅됩니다 (개별 리포지토리에 대한 링크는 아래를 참조하거나 여기를 클릭하면 모두 참조하십시오). CI/CD는 Microsoft Azure DevOps에 의해 처리됩니다.

API (이 프로젝트)

여기에 저장소

API는 3 개의 프론트 엔드 웹 사이트의 백엔드입니다. ASP.NET Core / .NET Core 버전 6을 사용하여 C# 버전 10으로 작성되었습니다. 아래와 같이 멀티 레이어 접근 방식으로 구조적입니다.

레이어 이름	기능	유형
데이터 액세스	데이터베이스에 대한 액세스를 처리하는 저장소 레이어	수업 도서관
서비스	API와 데이터 액세스 계층 사이에있는 비즈니스 로직 계층	수업 도서관
API	최소 엔드 포인트를 사용하여 웹을 향한 API	웹 API
모델	API와 서비스 계층간에 공유되는 DTO 모델	수업 도서관
흔한	공통 클래스, 속성, 열거, 확장 방법 등	수업 도서관

위의 외에도 API는 Dapper를 사용하여 Microsoft SQL / Azure SQL 데이터베이스에 액세스합니다.

소매 사이트

여기에 저장소

소매 사이트는 React Functions / Hooks, React 버전 18 및 React Router 버전 6.3을 사용하여 TypeScript 로 작성됩니다. 375 픽셀로 반응합니다. 현재 승인이나 인증을 사용하지 않습니다 (이는 변경 될 수 있지만).

직원 포털

여기에 저장소

직원 포털은 React Functions / Hooks, React 버전 18 및 React Router 버전 6.3을 사용하여 TypeScript 로 작성됩니다. 태블릿 또는 데스크탑 컴퓨터에서 매장 내 사용을 위해 특별히 설계되었으므로 1024 x 768 픽셀의 최소 화면 크기를 위해 설계되었습니다. Auth0은 인증에 사용되며 내부 데이터베이스는 역할 기반 인증에 사용됩니다.

공급 업체 포털

여기에 저장소

공급 업체 포털은 React Functions / Hooks, React 버전 18 및 React Router 버전 6.3을 사용하여 TypeScript 로 작성됩니다. 데스크탑 컴퓨터 용으로 특별히 설계되었으므로 1024 x 768 픽셀의 최소 화면 해상도를 위해 설계되었습니다. Auth0은 인증에 사용되며 내부 데이터베이스는 역할 기반 인증에 사용됩니다.

외부 의존성

API의 경우 :

1. AspnetCoreratelimit 제한 요청을 평가하는 데 사용되었습니다
2. Hashids.net은 최종 사용자에게 보낸 ID를 난독 화하는 데 사용되었습니다
3. Dapper는 데이터베이스에 액세스하는 데 사용되었습니다
4. JSON.NET .NET 용 JSON 라이브러리

웹 사이트의 경우 다음 NPM 패키지 :

1. React, React-DOM, React-Router-DOM, React-Icons
2. @mui/재료 , 경고에 사용됩니다
3. @auth0/auth0-react , Auth0과 상호 작용하는 데 사용됩니다
4. uuid 를 생성하는 데 사용됩니다