🚀 My Contributions to AMADDA Project

In the AMADDA project, I was responsible for implementing diary creation, weather-based features, server deployment & security, and calendar functionality.
My contributions focused on enhancing user experience and ensuring a secure and scalable platform.

---

📌 My Key Contributions

1️⃣ Diary Creation Page (Post Write Page)

• Integrated Kakao Maps API to enable restaurant search functionality.
• Implemented location selection: Users can search for restaurants and select their desired one.
• Stored geolocation data: Upon selection, the latitude, longitude, and road name address of the restaurant are saved and passed to the backend.

🔹 Key Technologies
✅ Kakao Maps API | ✅ React | ✅ Axios | ✅ Spring Boot

---

2️⃣ Modularized Modal Component (Post Detail View)

• Designed a reusable modal component for displaying detailed post information.
• Allowed the same modal structure to be used across multiple pages, improving maintainability.
• Ensured responsive UI for optimal viewing on different devices.

🔹 Key Technologies
✅ React | ✅ Material-UI

---

3️⃣ Weather-Based Page Customization & Food Recommendations

• Integrated OpenWeatherMap API to fetch real-time weather data (temperature, humidity, rainfall).
• Dynamic UI updates based on weather conditions:
  • Page background and content change according to the weather.
  • Recommended food options adjust dynamically based on the current weather.
• Enhanced user experience by providing contextual and seasonal food suggestions.

🔹 Key Technologies
✅ OpenWeatherMap API | ✅ React | ✅ Axios | ✅ useEffect Hook

---

4️⃣ Naver Cloud Platform (NCP) Server & Database Setup

• Created and managed a virtual server on Naver Cloud Platform for hosting the backend.
• Set up and configured MySQL database on NCP, ensuring smooth integration for the entire team.
• Enabled seamless team collaboration by connecting the backend API with the database.

🔹 Key Technologies
✅ Naver Cloud Platform (NCP) | ✅ MySQL | ✅ Spring Boot | ✅ Linux

---

5️⃣ Deployment & HTTPS Implementation

• Deployed both backend and frontend on NCP, making it a live, production-ready platform.
• Purchased and configured a domain name to make the platform easily accessible.
• Set up NGINX for reverse proxy to efficiently handle HTTP requests.
• Implemented SSL certification to enable HTTPS, ensuring secure communication.

🔹 Key Technologies
✅ NGINX | ✅ SSL | ✅ HTTPS | ✅ Naver Cloud DNS

---

6️⃣ Calendar Implementation Using date-fns

• Utilized the date-fns library to develop an interactive calendar for tracking diary entries.
• Enabled smooth date formatting and manipulation for scheduling restaurant visits.
• Enhanced user experience by providing a clear, visual representation of past and future visits.

🔹 Key Technologies
✅ date-fns | ✅ React | ✅ JavaScript

---

🔹 Summary of My Role

Feature	Description	Technologies Used
Diary Creation Page	Restaurant search & selection using Kakao Maps API	Kakao Maps API, React, Axios
Post Detail Modal	Modularized modal for viewing post details	React, Styled-Components, Material-UI
Weather Integration	Real-time weather API, weather-based UI updates	OpenWeatherMap API, React, useEffect
Naver Cloud Backend Setup	Server creation, MySQL DB setup, backend integration	NCP, MySQL, Spring Boot
Deployment & Security	Server hosting, domain setup, NGINX, HTTPS	NGINX, SSL, DNS, Naver Cloud
Calendar Feature	Interactive calendar using date-fns	date-fns, React, JavaScript

---

🚀 Impact of My Contributions

✔ Improved User Experience: Enhanced weather-based customization and interactive calendar tracking.
✔ Scalable & Secure Infrastructure: Built a fully managed cloud environment on Naver Cloud Platform.
✔ Optimized Development Workflow: Modularized components and efficient API integration.

🚀 Through my contributions, AMADDA has become a more interactive, user-friendly, and scalable platform! 🚀