LOVESG-FRONTEND

📖 프로젝트 소개

• ESG 정보 웹 서비스는 기업의 친환경 경영, 사회적 책임, 투명한 지배구조를 측정하는 ESG(환경, 사회, 지배구조) 지표에 대한 정보를 일반 사용자들에게 쉽게 접근 가능하게 제공하는 웹 애플리케이션입니다.

구현 계기

• ESG는 기업의 중장기적인 성공에 영향을 미치는 중요한 비재무적 지표입니다. 그러나 일반 소비자들 사이에서 ESG에 대한 인식은 부족합니다. 기업이나 ESG 분석 전문가에게만 아는 내용으로 여겨지며, 일반 사용자들은 ESG에 대해 잘 알지 못합니다.
• 우리는 이 정보 불균형을 해소하고 ESG 정보를 더욱 알기 쉽게 공유하고자 합니다. 이를 위해 ESG 정보를 쉽게 이해하고 접근할 수 있는 웹 서비스를 기획했습니다. 사용자들은 이 웹 서비스를 통해 ESG 지표를 쉽게 이해하고, 자신의 관심사에 맞게 맞춤형 ESG 정보를 받을 수 있습니다.
• 이 프로젝트는 우리 팀의 소프트웨어 엔지니어링 능력을 활용하여 사회적인 문제를 해결하고자 하는 의지와 역량을 대변합니다. 우리는 이를 통해 일반 사용자들에게 ESG 정보에 대한 인식을 높이고, 기업의 사회적 책임을 강조하는 데 기여하고자 합니다.

구현 목표

• ESG에 대해 알고싶은 사용자가 편리하게 접속할 수 있는 웹 서비스 구현 및 배포
• 사용자의 관심사에 맞게 관심 ESG 요소 및 ESG 기업 정보를 제공하는 웹 서비스 구현 및 배포

기대 효과

• ESG 지표에 대한 인식 증가: 사용자들은 ESG에 대한 이해를 높이고 기업의 사회적 책임에 더 관심을 가질 것입니다.
• 지속 가능한 투자 유도: 기업 및 투자자들은 ESG 정보를 통해 지속 가능한 투자 결정을 내릴 수 있습니다.
• 환경 보호 및 사회적 책임 증진: 기업은 ESG 정보를 통해 환경 보호와 사회적 책임을 강조하는 데 더 많은 노력을 기울일 것입니다.
• 투명한 기업 운영 강화: ESG 정보가 공개되면 기업들은 투명성을 높이고, 이를 통해 신뢰를 쌓을 수 있습니다.
• 사용자별 맞춤형 정보 제공: 사용자는 자신의 관심사에 따라 맞춤형 ESG 정보를 받아들일 수 있으며, 이를 통해 더욱 관심을 가질 수 있습니다.

🔎 기능 소개

• ESG 관련 정보의 시각적이고 이해하기 쉬운 표현
• 사용자별로 맞춤형 ESG 정보 제공
• ESG 정보를 재미있고 유익하게 전달

📃 기술 스택

UI

• Figma

Front-end

• HTML/CSS
• JavaScript
• React

Getting started

• Recommended node js 18.x and npm 9+. (suggestion v18.17.1 / v9.6.7)
• Install dependencies: npm install --force / yarn install
• Start the project: npm run start / yarn start

⚙️ 시스템 아키텍처