몰입캠프 4분반
- 프로젝트를 하고 싶어도 주변에 같이 할 팀원을 구하기 힘들 때 사용 가능한 어플리케이션입니다.
- Web, App, Software Project의 카테고리가 존재하고 각각 확인 가능합니다.
- 스크럼과 같이 자신의 힘든 점을 공유하고 서로 소통하며 해결할 수 있습니다.
- 팀원들을 구하기 위해 Project 공고를 Upload할 수 있습니다.
- 채팅기능을 사용하여 다른 개발자와 연락을 가능하게 합니다.
- 이황근 ( 성균관대학교 소프트웨어학과 19학번 )
- 모지훈 ( Kaist 전산학부 18학번)
- OS: Android
- Language: Kotlin
- IDE: Android Studio JetPack Compose
- BackEnd Framework : Node.js
- Database : MySQL
- Target Device: Galaxy S10e
![](https://private-user-images.githubusercontent.com/63749140/252929257-c98de580-9ccb-43dd-b7cf-3f35753c9fa8.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk4Mzg0MDksIm5iZiI6MTczOTgzODEwOSwicGF0aCI6Ii82Mzc0OTE0MC8yNTI5MjkyNTctYzk4ZGU1ODAtOWNjYi00M2RkLWI3Y2YtM2YzNTc1M2M5ZmE4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDAwMjE0OVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTRhOTkwYjg0MDc0ZDQ0ODRhNjhiOWJiOWQxNWM5ZmZkZGMyMzg2NTRkYzkxY2ZkOGZhOTMzYjFjMWViOWJhM2ImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.49QzslD5uLt8yx8BxKRbqynnKCn3zzAZRoKCnAQUvQ8)
![](https://private-user-images.githubusercontent.com/63749140/252929994-d8a923ea-321d-41ad-a7f5-b450f4da8376.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk4Mzg0MDksIm5iZiI6MTczOTgzODEwOSwicGF0aCI6Ii82Mzc0OTE0MC8yNTI5Mjk5OTQtZDhhOTIzZWEtMzIxZC00MWFkLWE3ZjUtYjQ1MGY0ZGE4Mzc2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDAwMjE0OVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTEzYTU5MjZjOGY3YjdhODc0OGE1NzM4YWJlZDdkOWEyMGE1NDBkOWQxNzdjZWFjYzhhYzY3YWI3OTU4Y2FhYWYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.5HRvEJtkyWD2q2aupDi7YGaGParYmAP_wVIfzdIqdMo)
![](https://private-user-images.githubusercontent.com/63749140/252930406-6e73b3af-7539-4994-b1a8-6571d6fab71a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk4Mzg0MDksIm5iZiI6MTczOTgzODEwOSwicGF0aCI6Ii82Mzc0OTE0MC8yNTI5MzA0MDYtNmU3M2IzYWYtNzUzOS00OTk0LWIxYTgtNjU3MWQ2ZmFiNzFhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDAwMjE0OVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTk2Y2RlNzkwN2Q0OGQ2MjA1ZjRjNTgxZDBhNDYwNzdiYmRlYTZkYzllYmZjMWVkNmJjZTE2NzE3OWE4ZDFhMWMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.SZBlhaADpgCoYSJ261TN2cxiUbgt_mElpQNQY9DBQEM)
- Find Your Project 에서 APP, WEB, Software 3종류로 필터링을 진행할 수 있습니다.
- 필터링 된 창에서는 그 기술을 기반으로 한 프로젝트를 보여줍니다.
- Recently Project List 에서는 현재 모집중인 프로젝트의 List를 볼 수 있습니다.
- 여기서 Apply 버튼을 누르게 되면 상세페이지로 넘어가게 됩니다.
- 상세페이지에서는 더 자세한 내용을 확인할 수 있습니다.
- Navigation Controller를 사용하여 화면 전환을 용이하게 하였습니다.
- Node.js에 Get요청을 하여 모든 프로젝트의 정보를 가져오고 MySQL의 WHERE 문을 이용하여 필터링을 진행하였습니다.
![](https://private-user-images.githubusercontent.com/86469551/252936796-85872bb1-c763-4aee-bd65-994d9a10ad67.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk4Mzg0MDksIm5iZiI6MTczOTgzODEwOSwicGF0aCI6Ii84NjQ2OTU1MS8yNTI5MzY3OTYtODU4NzJiYjEtYzc2My00YWVlLWJkNjUtOTk0ZDlhMTBhZDY3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDAwMjE0OVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTBhODYwNTAzNTcyOGQwODhmNjQ5NTIzM2RlYTNiNjljMTg4ZmJiYWU2NmQ5NWI5MGI3ZDIzNDAwYTlhZWM1MjcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.joiKpqVSarXhMAhtgwKyUWCrEsw6AjCV9jx1iRcMpy0)
- 상단에 있는 프로필을 눌러 채팅 채널로 이동할 수 있습니다.
- 피드를 확인할 수 있습니다.
- 피드 하단 바를 눌러 피드를 자세히 볼 수 있습니다.
![](https://private-user-images.githubusercontent.com/86469551/252936412-472fb84a-6c0f-4137-a02d-e9b016648e22.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk4Mzg0MDksIm5iZiI6MTczOTgzODEwOSwicGF0aCI6Ii84NjQ2OTU1MS8yNTI5MzY0MTItNDcyZmI4NGEtNmMwZi00MTM3LWEwMmQtZTliMDE2NjQ4ZTIyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDAwMjE0OVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTNmNmExNzNiODJmNmU5ZjkzMjA3N2VmNjU3NmQ4ZmRiOWNlNTllMWVlZGM1ODJiMzQxYjQyODM0ZmM4MjY5ZTcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.rWLgKpL7KojC6P3EYIx1g2ZNMOq_i_qYnTiFk1ZAALA)
![](https://private-user-images.githubusercontent.com/86469551/252936552-97cd850e-b1d1-4239-88a3-6e7138095a63.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk4Mzg0MDksIm5iZiI6MTczOTgzODEwOSwicGF0aCI6Ii84NjQ2OTU1MS8yNTI5MzY1NTItOTdjZDg1MGUtYjFkMS00MjM5LTg4YTMtNmU3MTM4MDk1YTYzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDAwMjE0OVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPThmNGNmODQ2Y2ZhMTQ4NDA0ZTFkMTBiZmExZTI0YmI1MzJlNzYzNDAwMjBiMjQ3MGZlZjI1NWI3MmNlZDNlMDkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.BDKRwEzESlV9LKYwZshFOq7PG92SAWXUfYUxxsWS3qE)
![](https://private-user-images.githubusercontent.com/86469551/252936478-f265a697-0bb8-45e9-a9be-07df589e6480.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk4Mzg0MDksIm5iZiI6MTczOTgzODEwOSwicGF0aCI6Ii84NjQ2OTU1MS8yNTI5MzY0NzgtZjI2NWE2OTctMGJiOC00NWU5LWE5YmUtMDdkZjU4OWU2NDgwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDAwMjE0OVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQ0YzhhNDE1Yjc0NTg5ZmJhMjFmZWE2ODU4YjZkM2IxNTQ4ZGE2ZmQ1MWQzYTE3ODhjOTljYjM5NWQwZDMzNGImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.RYOdCEqK7eTUIZrXfacrqnGLrWC4kJmyLmRdMBWTEU0)
- 프레임워크와 프로젝트 유형을 선택할 수 있습니다.
- 프로젝트명, 설명을 입력하고 프로젝트를 등록할 수 있습니다.
![](https://private-user-images.githubusercontent.com/86469551/252936877-9237b4cd-62d9-4fdc-ae9e-706b35733f97.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk4Mzg0MDksIm5iZiI6MTczOTgzODEwOSwicGF0aCI6Ii84NjQ2OTU1MS8yNTI5MzY4NzctOTIzN2I0Y2QtNjJkOS00ZmRjLWFlOWUtNzA2YjM1NzMzZjk3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDAwMjE0OVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWRlMWQ1NzE0YjUzOWY3YjJmNDdlNGQzMDc1MjYyZmY3OTY0MjAyYzk4ZGI1NTQxNmI0NDMzNjU3MzY0ZGIzZmEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.XP2hvmS3Hh6xudu-w84gQ3FOkK4yktFJ0fyEV2I2WfA)
- 채팅방을 눌러 채팅창으로 이동할 수 있습니다.
- 메시지 보내기, 공감, 답장 등의 기능을 이용할 수 있습니다.
의 Jetpack Compose Chat Messaging SDK를 이용하여 구현했습니다.
- -StreamChatInitializer 로 앱 시작시 채팅에 연결하여 로딩없이 채팅목록을 불러올 수 있습니다.
![](https://private-user-images.githubusercontent.com/86469551/252936958-60861bc8-240a-446a-8d52-299bfab8b749.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk4Mzg0MDksIm5iZiI6MTczOTgzODEwOSwicGF0aCI6Ii84NjQ2OTU1MS8yNTI5MzY5NTgtNjA4NjFiYzgtMjQwYS00NDZhLThkNTItMjk5YmZhYjhiNzQ5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE4VDAwMjE0OVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTIzZWNlYmIwMTg5NTI2ZDY5Njg1OGMwMjM2MjI5NmNhMjYxZTgzZjM5ZDUxM2I5MGUzODdhZGZiNWVhMmUwZDImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.mHihip7Jqt7ueH1v2WlrEV5AyudQA29JurrZOtyomiI)
- UI 구현