그럼, 당신은 당신의 첫 번째 개발 프로젝트를 완성했습니다.

프로젝트 배경 정보
나는 방금 나의 첫 번째 현실 세계 프로젝트의 제작을 완성했다. 이 프로젝트의 이름은 마이크로펀드이다.마이크로펀드는 아직 그 앱을 생산으로 밀어붙이지 않은 초창기 회사다.우리의 다섯 명의 개발자 팀은 두 번째로 이 응용 프로그램을 계승하는 팀이다.이 프로그램의 목적은 소기업의 기부금을 구하는 개인과 자금을 제공하는 다른 기업(파트너 관리자라고 부른다)을 연결시키는 것이다.이 응용 프로그램 자체는 주요 관리자가 소유하고 본고에서 이해관계자라고 부른다.이 프로그램은 OKTA에서 처리하는 다차원 인증 과정을 가지고 있다.
프로젝트 관리자는 어플리케이션의 UX/UI에 대한 진지한 개선을 요구합니다.이해관계자의 주요 관심사는 인터페이스가 깨끗하고 모든 합작 파트너의 로고 디자인과 일치할 수 있도록 확보하는 것이다.그래서 이 앱의 주색조는 검은색, 흰색, 회색이다.응용 프로그램의 외관과 느낌은 우리 프로젝트의 주요 중점이며 백엔드 데이터베이스 디자인에 대해 약간의 업데이트를 진행했다.
이 프로젝트를 진행할 때, 나의 주요 관심사는 우리가 가능한 한 많은 UX/UI 섭외 수요를 만족시킬 수 있도록 확보하는 것이다.내가 팀에서 맡은 역할은 테두리, 디버깅, 공사 구조와 기술 문서 작성이다.

Our Key Feature Updates

Main Updates To Features
Key updated features: Improved the overall user experience of the application. Overhaul of UX/UI design features. ThemeProvider implementation for individually styled-components. Creation of signup page for User Interface. Generation of user flow and new user stories.

Technologies Used
React Query, ThemeProvider, Java Spring.

Team Efforts:
Agile Planning Methodology
Wire Framing
Engineering Architecture
Feature Planning
Application Debugging
UX/UI Updates
FrontEnd Design
Generation Of User FLow & User Stories

작동하지 않는 어플리케이션 사용
우리가 응용 프로그램에 접근했을 때, 우리는 곧 우리의 응용 프로그램이 예상대로 실행되지 않았다는 것을 깨달았다.우리의 계획은 지금 바뀌어야 한다.알 수 없는 OKTA 인증 문제로 인해 사용자 역할이 제대로 작동하지 않습니다.주어진 자격 증명을 사용하여 프로그램에 로그인하는 데 많은 시간을 들인 후에 우리는 이 문제를 발견했다.이 문제는 우리로 하여금 서로 다른 방식으로 응용 프로그램과 상호작용하게 한다.우리는 모두 다른 방법으로 관리자와 파트너 관리자와 관련된 데이터를 업데이트하려고 시도했다.
팀으로서 우리는 약간의 장애를 극복했지만, 우리는 여전히 응용 프로그램 계기판과 백엔드 사용자 테이블에 접근해야 한다.불행하게도, 이것은 우리 팀이 주어진 시간 범위 내에서 완전히 내비게이션을 할 수 없는 장애물 중의 하나이다.그러나 우리는 다음 팀의 응용 프로그램 계승을 위해 실행 가능한 해결 방안을 제공하기 위해 충분한 시간을 들였다.응용 프로그램 사용자 시나리오를 위해 대량의 데이터를 수집하고 대량의 UX/UI 업데이트를 계획했습니다.이 업데이트들은 제때에 완성된다.이 방면의 주요 장애는 이전에 모든 구성 요소에서 이루어진 모든 양식을 완전히 덮어쓰는 방법을 찾는 것이다.해결 방안은 스타일화된 구성 요소를 통해 테마를 덮어쓰는 것입니다.

Example Of Theme Override

module.exports = {
  '@primary-color': '#39ec39',
  '@link-color': ' #ec3944',
  '@success-color': '#52c41a',
  '@warning-color': '#faad14',
  '@error-color': '#f5222d',
  '@font-size-base': '14px',
  '@heading-color': 'rgba(0, 50, 0, 0.85)',
  '@text-color': 'rgba(0, 0, 0, 0.65)',
  '@text-color-secondary': 'rgba(0, 0, 0, 0.45)',
  '@disabled-color': 'rgba(0, 0, 0, 0.25)',
  '@border-radius-base': '2px',
  '@border-color-base': '#d9d9d9',
  '@box-shadow-base':
    '0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05)',

  '@layout-header-background': '#9c9',
};

파일 업데이트
내가 팀에서 맡은 역할은 기술 문서를 업데이트하는 것이다.내가 필요한 문서를 작성하는 첫 번째 단계는 응용 프로그램이 명확하고 알기 쉽도록 하는 것이다.이것들은 모두 기술 문서 파일에 포함되어 있다.파일 파일의 내용은 다음과 같습니다.필요한 구성 설명, 환경 설정 설명, 애플리케이션에 알려진 오류에 대한 설명배포 정보도 포함됩니다.

Documentation Snippet

Configuration Instructions
Please check the package.json file. You will need to install any dependencies you need when you start up the app. Another requirement is the .env file with the correct environment variables. These should connect to OKTA for authentication purposes.

Operation and Installation Instructions
This application is running React and React Query for the frontend of the application. You will need to have your environment set up to run the dependencies you see in the package.json file. You can install the required dependencies in the terminal. Be sure to install the correct

Known Bugs
Problems with user roles: Unable to differentiate or create user roles, blocks ability for user flow and user interaction. Can not sign in as a microentrepreneur which makes you unable to apply to the program, which makes it impossible for the main admin to accept or reject the application. Same for partner admins. An unknown issue with OKTA authentication process. Environment issues where some users may not be able to log into the backend of the application.

향후 제품 업데이트
이 응용 프로그램의 미래에 대해 UX/UI의 최신 업데이트는 응용 프로그램의 모바일 버전으로 옮겨야 한다.인증된 두 명의 사용자를 더 만드는 것도 이 프로그램의 미래 개발과 관련이 있다.이 응용 프로그램의 다중 관리자 특성 때문에 미래의 개발자는 반드시 사용자 역할을 끊임없이 업데이트해야 한다.우리 팀은 응용 프로그램의 지속적인 개발 과정에서 미래의 응용 프로그램에 연결해야 하는 새로운 등록 페이지를 만들었다.OKTA 인증 과정에서 도전이 될 수 있는 만큼 적절한 계획을 세워야 한다.

동업자 피드백
나의 동갑내기는 확실히 내가 기술 문서를 업데이트할 수 있도록 피드백을 제공했다.나는 우리의 연락처와 소셜네트워크서비스의 사진을 기술 문서에 통합했다.우리의 업무는 이전의 팀과 다르기 때문에 이전의 문서를 삭제하는 것이 아니라 무엇을 추가했는지 명확하게 설명하는 단독 파일을 추가하는 것이 중요하다.

마지막 생각
이 프로젝트는 나로 하여금 프로젝트 기획과 기술 문서에 대해 새로운 인식을 가지게 했다.데이터를 충실하게 하는 데는 오가는 대화가 많다.때때로 우리는 몇 시간 동안 이야기를 나누며 테두리와 계획을 세운다.우리는 우리가 서로의 일을 검사했다는 것을 확보해야 한다.몇 시간 동안 차단기를 통해 채팅을 하는데 줌채팅을 통해 문제를 디버깅하는 것은 매우 어렵다.우리는 하루 종일 잡담을 하면서 컴퓨터 화면에서 캡처와 코드 세션을 발표했다.그렇게 많은 힘든 일을 한 후에, 이 정보들은 어쩔 수 없이 기술 문서에 들어가야 한다.어떤 내용을 포함해야 하는지, 어떤 내용을 포함할 필요가 없는지에 대해 내비게이션을 하는 것은 매우 어렵다.우리는 팀과 일상적인 연락을 유지해야 한다.환경 문제, 차단 프로그램 설정, 잃어버린 데이터에 대해 함께 토론합시다.
그렇다면 나의 주요 수확은 무엇일까?나는 소프트웨어 개발팀의 합작과 민첩한 방법에 대해 새로운 감상을 얻었다.나는 처음부터 구축하지 않은 응용 프로그램을 사용하는 느낌을 몸소 체험했다.나는 어떻게 도전에 직면하고 끊임없이 질문하고 도움을 구하며 또래와 접촉하고 답을 찾으려고 노력하는지 배웠다.나는 사용자 이야기를 기획하고 팀과 함께 응용 프로그램을 재설계할 수 있다.우리는 섭외된 프로젝트에 기능을 제공할 수 있다.하루가 끝났을 때 나는 개발에 대한 새로운 감상을 가지고 실험실을 떠난 것 같았고 다음 개발 역할을 맡기 위해 더 많은 준비를 한 것 같았다.