사내 인트라넷 서비스
![메인페이지](https://i.imgur.com/xYLC6sl.jpeg)
[**🖥️인트라넷 서비스 demo (Render)**](https://intranet-solution.onrender.com/) / [**👩💼demo 2(Koyeb)**](https://organic-meggy-toyproject-group2-intranet-solution-b9fd064a.koyeb.app/)/ [**🔥개발 리포지토리**](https://github.com/Dev-FE-1/team2-intranet-project-) / [**😼배포 리포지토리**](https://github.com/DFE-1st-toy-project-group-2/intranet-solution)
[![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2FDev-FE-1%2Fteam2-intranet-project-&count_bg=%2379C83D&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=hits&edge_flat=false)](https://hits.seeyoufarm.com)
![GitHub Issues or Pull Requests](https://img.shields.io/github/issues/Dev-FE-1/team2-intranet-project-)
![GitHub Issues or Pull Requests](https://img.shields.io/github/issues-closed/Dev-FE-1/team2-intranet-project-)
![GitHub Issues or Pull Requests](https://img.shields.io/github/issues-pr/Dev-FE-1/team2-intranet-project-?color=0088ff)
![GitHub Issues or Pull Requests](https://img.shields.io/github/issues-pr-closed/Dev-FE-1/team2-intranet-project-?color=0088ff)
## 👋 Team 👋
|[
![](https://avatars.githubusercontent.com/u/89085298?v=4)
](https://github.com/LfromTheE)|[
![](https://avatars.githubusercontent.com/u/158833693?v=4)
](https://github.com/mirang1024)|[
![](https://avatars.githubusercontent.com/u/70564622?v=4)
](https://github.com/sbs1253)|[
![](https://avatars.githubusercontent.com/u/27764950?v=4)
](https://github.com/clara-shin)|[
![](https://avatars.githubusercontent.com/u/59277499?v=4)
](https://github.com/nakyeonko3)|
|:-:|:-:|:-:|:-:|:-:|
|**개발** 🐶이동혁
[@LfromTheE](https://github.com/LfromTheE)|**개발** 🐬최미랑
[@mirang1024](https://github.com/mirang1024)|**개발** 🐳송병훈
[@sbs1253](https://github.com/sbs1253)|**개발** 🦈신혜진
[@clara-shin](https://github.com/clara-shin)|**개발** 🐺고낙연
[@nakyeonko3](https://github.com/nakyeonko3)|
📚 Tech Stack 📚
### 🧑💻 Front-End 🧑💻
![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
![Axios](https://img.shields.io/badge/Axios-5A29E4?style=for-the-badge&logo=Axios&logoColor=white)
### 🧑💻 Back-End 🧑💻
![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)
![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB)
### 💻 Database 💻
![SQLite](https://img.shields.io/badge/sqlite-%2307405e.svg?style=for-the-badge&logo=sqlite&logoColor=white)
---
#### 🛠 Tools 🛠
![Zoom](https://img.shields.io/badge/Zoom-2D8CFF?style=for-the-badge&logo=zoom&logoColor=white)
![Slack](https://img.shields.io/badge/Slack-4A154B?style=for-the-badge&logo=slack&logoColor=white)
![Notion](https://img.shields.io/badge/Notion-%23000000.svg?style=for-the-badge&logo=notion&logoColor=white)
![Git](https://img.shields.io/badge/git-%23F05033.svg?style=for-the-badge&logo=git&logoColor=white)
![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white)
---
목차
- [
Intranet](#Intranet)
- [❓ 프로젝트 소개](#-프로젝트-소개)
- [목적](#목적)
- [배경](#배경)
- [필요성](#필요성)
- [기대 효과](#기대-효과)
- [📷 프로젝트 예시 ](#-프로젝트-예시)
- [🔎 관리자 페이지 ](#-관리자-페이지)
- [🔎 사용자 페이지 ](#-사용자-페이지)
- [🛠 시작하기](#-시작하기)
- [설치](#설치)
- [실행](#실행)
- [프로젝트 빌드](#프로젝트-빌드)
- [프로젝트 실행](#프로젝트-실행)
- [개발 문서](#개발-문서)
- [역할 분담](#역할-분담)
- [팀원 역량 확인](#팀원-역량-확인)
Intranet
❓ 프로젝트 소개
본 프로젝트는 기업 내에서 효과적인 정보 관리와 소통을 목적으로 하는 인트라넷 서비스 개발을 목표로 합니다.
인트라넷을 통해 직원 데이터베이스를 구축하고, 근태 관리 시스템을 도입하며, 관리자와 사용자가 다양한 기능을 활용할 수 있도록 하는 것을 목적으로 합니다.
또한, 기업 내 행사 사진을 공유할 수 있는 사용자 친화적인 웹 인터페이스를 제공할 예정입니다.
목적
- 직원 데이터베이스 관리: 효율적인 인사 관리.
- 근태 관리 시스템: 정확한 근태 기록과 관리.
- 관리 기능: 관리자 정보 조회, 생성, 수정, 삭제.
- 사용자 기능: 개인 정보 조회 및 수정.
- 행사 사진 공유: 내부 커뮤니케이션 활성화.
배경
필요성
- 중앙 관리: 직원 정보의 일관된 관리.
- 업무 효율성: 자동화된 근태 관리로 업무 효율성 증대.
- 정보 접근성: 직원 정보의 쉬운 조회와 수정.
- 커뮤니케이션 강화: 사진 공유로 유대감 증진.
기대 효과
- 관리 효율성: 업무 효율성 향상.
- 투명성 확보: 정확한 근태 기록.
- 사용자 만족도: 쉽게 사용할 수 있는 시스템.
- 소통 활성화: 내부 소통 증대.
📷 프로젝트 예시
🔎 [관리자 페이지]
관리자 페이지 |
![관리자페이지](https://github.com/user-attachments/assets/1fb534b9-3149-4c98-b732-7ef99b33efd5) |
🔎 [사용자 페이지]
사용자 페이지 |
![사용자 페이지](https://github.com/user-attachments/assets/7a164a41-d071-4114-b018-37d65d85cc58) |
🛠 시작하기
설치
npm install
실행
프로젝트 빌드
npm run build
프로젝트 실행
npm run start
개발 문서
역할 분담
팀원의 역량에 따라 기능(컴포넌트) 단위로 분담
![기능별 역할 분담표](https://i.imgur.com/NUgqk5t.png)
팀원 역량 확인
아래 5가지 항목에 대하여 각자 자신이 생각하는 항목별 이해도 및 능력치를 3단계(높음, 보통, 낮음)로 점수를 매겼습니다.
*5가지 항목 : HTML, CSS, JavaScript, 버전관(Git/GitHub), 백엔드 및 데이터
객관적인 수치라 할 수는 없으나 효율적인 역할 분담 및 협업을 위해 참고하고자 작성하게 되었습니다.
![팀원 역량 확인표](https://i.imgur.com/5J7M6kt.png)