Skip to content

README.md

Latest commit

 

History

History
91 lines (65 loc) · 4.63 KB

README.md

File metadata and controls

91 lines (65 loc) · 4.63 KB

🚀 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! 🚀