- 코딩온의 수업을 듣는 다른 사람들의 프로젝트를 공유하고 클론코딩할 수 있는 사이트가 있으면 좋지 않을까? 라는 생각에서 시작됐어요.
- 서로의 프로젝트를 업로드해서 공유하고 , 함께 할 사람을 모아 원하는 프로젝트를 만들어볼 수 있어요.
- 프로젝트를 함께 만들어 볼 인원이 모이면, 코프런에서 소통을 위한 채팅방을 생성해 제공해요.
- 로그인/로그아웃 기능
- 로그인 시 쿠키를 생성하고 쿠기 존재 여부에 따라 아이콘을 변경
- 아이콘에 마우스를 올리면 마이페이지 이동과 로그아웃 가능
![](https://private-user-images.githubusercontent.com/114459629/300254170-b40ce449-4df9-40c8-8e9f-ed96ffc59604.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE3MjkwNTcsIm5iZiI6MTcyMTcyODc1NywicGF0aCI6Ii8xMTQ0NTk2MjkvMzAwMjU0MTcwLWI0MGNlNDQ5LTRkZjktNDBjOC04ZTlmLWVkOTZmZmM1OTYwNC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzIzJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyM1QwOTU5MTdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iMjM0NGNmMDJkMDc5MmMxY2Y3Y2QzOWYwNWY4MjlhMzRiM2JmOGNiZGJjMWI5ZWUzNDc0M2E2M2NmM2ZlNjgxJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.F8yoTU0UMWzazaEUCV1pDXU__KywW-7WSlp9yKjtUow)
- 회원가입 기능
- node mailer을 활용한 이메일 인증 기능
- 비밀 번호를 Bcrypt 방식으로 암호화하여 DB에 저장
![](https://private-user-images.githubusercontent.com/114459629/300254181-2aa722a5-8397-46d3-bc93-dd4d4c8eb0b6.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE3MjkwNTcsIm5iZiI6MTcyMTcyODc1NywicGF0aCI6Ii8xMTQ0NTk2MjkvMzAwMjU0MTgxLTJhYTcyMmE1LTgzOTctNDZkMy1iYzkzLWRkNGQ0YzhlYjBiNi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzIzJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyM1QwOTU5MTdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0yOWNhYzIzNzJmY2Y4MGFhMzJiOTc3ZDQ0OWI4ZDI1ZTViZTFiNjZkMTkyNGE4NDM4YWZiNjJhZmQ2MzM3MTZiJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.DgJRYTq552oxX3DGrQA_PbVEduVWxWBaqdN9JvrNgnA)
- 메인페이지
- 검색기능 (태그 이용한 검색)
- 프로젝트 현황 확인 기능
![](https://private-user-images.githubusercontent.com/114459629/300254191-34e966b3-233c-4891-86dd-ce878e30aa16.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE3MjkwNTcsIm5iZiI6MTcyMTcyODc1NywicGF0aCI6Ii8xMTQ0NTk2MjkvMzAwMjU0MTkxLTM0ZTk2NmIzLTIzM2MtNDg5MS04NmRkLWNlODc4ZTMwYWExNi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzIzJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyM1QwOTU5MTdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zY2U2Mjc0ZDg2YjExZTQwZWE3NGUzZWNhY2M0MTBjMjAwOTBlNWNmODVjOGZlOTMxOWEwNTFjMjBhODU3NTRkJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.j4Mw2JwhxhY6vFZ1gLnmWKKmd28VaYQYqlN_EPqUoGc)
![](https://private-user-images.githubusercontent.com/114459629/300254198-5a1ceb9c-ba8a-4358-8352-a021fd96cfb3.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE3MjkwNTcsIm5iZiI6MTcyMTcyODc1NywicGF0aCI6Ii8xMTQ0NTk2MjkvMzAwMjU0MTk4LTVhMWNlYjljLWJhOGEtNDM1OC04MzUyLWEwMjFmZDk2Y2ZiMy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzIzJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyM1QwOTU5MTdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hNWU5NGZkMWYzYTc1ODliOTRhNDM3M2M4OTUyOWY1ZmRjYjIwMWFhYmE3NTZmMTgyYTZmNmJmYzQ4NzNlOTBkJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.7pHSRE463TkGGHRnwBEdaubW4X3sninrFPKWWRAzPk0)
- 마이페이지
- 사용자의 프로젝트 확인 기능
- 사용자가 담은 프로젝트 확인 기능
- 단체 채팅방 기능
- Socket.io 활용해 유저들과 실시간 소통 기능
- DB 활용해 이전 메시지 휘발 방지
- 허용된 유저 채팅방 접근 기능
![](https://private-user-images.githubusercontent.com/114459629/300254250-f63c84d4-54bf-4e24-a405-c0f4e87e5efa.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE3MjkwNTcsIm5iZiI6MTcyMTcyODc1NywicGF0aCI6Ii8xMTQ0NTk2MjkvMzAwMjU0MjUwLWY2M2M4NGQ0LTU0YmYtNGUyNC1hNDA1LWMwZjRlODdlNWVmYS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzIzJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyM1QwOTU5MTdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hYTQzM2ZmZmJkNzg3M2QzOTg2NTIzY2I2YjkwOWE2NWRmMmE1YTJkZGJiZjIyNjVhMmY4MTMyMWM2YzEyZTU2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.q8h89iesmY7PkbteQy1TKMoiRpktWWNY7og9UVemM4Q)
- 프로젝트 페이지
- TOAST UI 사용
- 프로젝트 소개글 작성(Mark Down형식)
- 검색창을 통한 제목 기준 검색
- Tag 버튼 통한 tag 기준 검색
- 상세페이지
- 프로젝트 장바구니에 담기 기능
- 커뮤니티 글 작성 기능(Mark Down형식)
- 커뮤니티 댓글/답글 작성 기능
- 팀원 모집 기능을 통해 팀원모집페이지로 이동
- 팀원 모집 여부 실시간 확인 기능
![](https://private-user-images.githubusercontent.com/114459629/300254272-28b96c68-620c-4466-9204-fe6e8a236053.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE3MjkwNTcsIm5iZiI6MTcyMTcyODc1NywicGF0aCI6Ii8xMTQ0NTk2MjkvMzAwMjU0MjcyLTI4Yjk2YzY4LTYyMGMtNDQ2Ni05MjA0LWZlNmU4YTIzNjA1My5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzIzJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyM1QwOTU5MTdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zNzJkYmNlODNjYWFkYWU4ZTViODQ5OWZkZmE2NTg4ZDkzNzUwOTAyZTA2YWE5MTE0NDg2YTEyYzkwM2IzOWNiJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.hBW2pnpQshUkJ5OWKNz5f5wt7Lh236tdcDCMeCgGRPU)
![](https://private-user-images.githubusercontent.com/114459629/300254276-1ab54d64-fd28-43e2-8418-6cb304b833c6.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE3MjkwNTcsIm5iZiI6MTcyMTcyODc1NywicGF0aCI6Ii8xMTQ0NTk2MjkvMzAwMjU0Mjc2LTFhYjU0ZDY0LWZkMjgtNDNlMi04NDE4LTZjYjMwNGI4MzNjNi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzIzJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyM1QwOTU5MTdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1mMTY3MDdkMWRmMDAwOGQ5ZWEwNDcyNjlhZmE2ZGM1NDZjMTk4ODA1MzFlYTE2NzUwNTdhMjNlZTMzN2U3MzM0JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.mHzPbJW5TNVaZsPcGxxPVcYkHCMszWhNeqL1HPyBeYQ)
- SOCKET.IO
- Node.js
- JWT
- Sequelize
- TOAST UI
- MySQL
- AWS, S3
메인/마이페이지 | 단체 채팅방 | 로그인/회원가입 | 프로젝트 모집 | 프로젝트 업로드 |
---|---|---|---|---|
황동준 | 서혜원 | 서정현 | 장창현 | 조현익 |
nebulaBdj |
JSHWJ |
HyunnS2 |
changhyun-jang |
Johyunik |