🌿 Link Page Project

This project is a simple Link Page built initially using the Mimo mobile app and later expanded with additional features for learning purposes.

The goal of this project is to demonstrate basic web development concepts using HTML, CSS, and JavaScript, while also integrating an external API.

---

🚀 Features

• 📄 Simple link page layout
• 🎨 Custom styling with CSS
• ⏰ Dynamic time display based on user's system
• 🌅 Background and image change according to time of day
• 🌦️ Weather data integration using the Open-Meteo API
• 🔗 Navigation between pages

---

🧠 What I Learned

• Structuring a basic HTML page
• Styling with CSS (layout, spacing, colors)
• DOM manipulation with JavaScript
• Working with Date and time logic
• Fetching data from an external API
• Handling asynchronous operations (fetch)

---

🌐 Weather Feature

The weather functionality uses the Open-Meteo API to fetch real-time data such as:

• Temperature 🌡️
• Wind speed 🌬️

Currently, it is configured for:

📍 Itapecuru Mirim - MA, Brazil

📁 Project Structure

LinkPageProject/
│
├── index.html # Main link page
├── style.css # Styles for main page
│
├── Weather_Project/
│ ├── weatherAndTime.html # Weather and time page
│ ├── style.css # Styles for weather page
│ ├── script.js # Logic for time and API
│
└── Images/ # Profile and assets

---

▶️ How to Run

1. Clone the repository: git clone https://github.com/your-username/LinkPageProject.git

2. Open the project folder

3. Run the project by opening: index.html

---

⚠️ Notes

• This project was built for educational purposes
• No frameworks were used (pure HTML, CSS, JS)
• Weather data depends on external API availability

---

🔮 Future Improvements

• Add responsiveness for mobile devices 📱
• Improve UI/UX design
• Allow users to search weather by city
• Include layouts, animations and hover effects

---

👨‍💻 Author

Pedro Vitor PedroVitor237