Dev-FE-1 / team2-intranet-project-

토이프로젝트I - 기업용 사내 인트라넷 개발
https://organic-meggy-toyproject-group2-intranet-solution-b9fd064a.koyeb.app/
0 stars 1 forks source link
express javascript spa

사내 인트라넷 서비스

메인페이지 [**🖥️인트라넷 서비스 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://github.com/LfromTheE)|[](https://github.com/mirang1024)|[](https://github.com/sbs1253)|[](https://github.com/clara-shin)|[](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

❓ 프로젝트 소개

본 프로젝트는 기업 내에서 효과적인 정보 관리와 소통을 목적으로 하는 인트라넷 서비스 개발을 목표로 합니다.

인트라넷을 통해 직원 데이터베이스를 구축하고, 근태 관리 시스템을 도입하며, 관리자와 사용자가 다양한 기능을 활용할 수 있도록 하는 것을 목적으로 합니다.

또한, 기업 내 행사 사진을 공유할 수 있는 사용자 친화적인 웹 인터페이스를 제공할 예정입니다.

목적

  1. 직원 데이터베이스 관리: 효율적인 인사 관리.
  2. 근태 관리 시스템: 정확한 근태 기록과 관리.
  3. 관리 기능: 관리자 정보 조회, 생성, 수정, 삭제.
  4. 사용자 기능: 개인 정보 조회 및 수정.
  5. 행사 사진 공유: 내부 커뮤니케이션 활성화.

배경

필요성

기대 효과

📷 프로젝트 예시

🔎 [관리자 페이지]

관리자 페이지
관리자페이지


🔎 [사용자 페이지]

사용자 페이지
사용자 페이지

🛠 시작하기

설치

npm install

실행

프로젝트 빌드

npm run build

프로젝트 실행

npm run start

개발 문서

역할 분담

팀원의 역량에 따라 기능(컴포넌트) 단위로 분담

기능별 역할 분담표

팀원 역량 확인

아래 5가지 항목에 대하여 각자 자신이 생각하는 항목별 이해도 및 능력치를 3단계(높음, 보통, 낮음)로 점수를 매겼습니다.
*5가지 항목 : HTML, CSS, JavaScript, 버전관(Git/GitHub), 백엔드 및 데이터

객관적인 수치라 할 수는 없으나 효율적인 역할 분담 및 협업을 위해 참고하고자 작성하게 되었습니다.

팀원 역량 확인표