MyDearPage

A personalized start webpage

📑 Contents

• About the project
  • Built with
  • Website
• Getting Started
  • Requirements
  • Installation
• Features
  • Custom icons
  • To-do list
  • Weather app
  • Wallpaper changer
  • Digital clock
  • Alerts
  • Responsive web design
• Contributions
• License
  

💡 About the project

MyDearPage is a personalized start webpage to kickstart your web browsing with CUSTOM ICONS for the main websites, a multiple colors TO-DO LIST, the WEATHER APP with daily forecast, DIGITAL CLOCK and a WALLPAPER CHANGE feature. It has a unique ALERT SYSTEM and RESPONSIVE WEB DESIGN.

Video	Website

Built with

💥 Getting started

To start using MyDearPage follow the instructions below.

Requirements

• npm (v6.14.11)

• node.js (v14.16.0)

  Click here to install.

• weather API key

  Click here and select One Call API.

Browser Support

Chrome	Edge	Firefox	Safari	Opera
✅	✅	✅	✅	✅
last version	last version	last version	last version	last version

Installation

1. Clone the repository
   git clone https://github.com/gabrielpenteado/mydearpage.git

2. Access the project folder in the terminal

3. Install npm packages
   npm install

4. Enter your API key in .env_sample and rename it to .env
weatherApiKey=YOUR_WEATHER_API_HERE

5. Start using
   npm start

6. Access http://localhost:8000 in your browser
   

⚡ Features

◾ Custom icons

Shortcut icons for the most visited sites on the web.

◾ To-do list

With option to select the background color of each to-do.

Note: The to-do list doesn't disappear after refreshing the page or after closing the tab. It will disappear only if you clear data of your browser.

◾ Weather app

Weather forecast using browser geolocation or by typing the name of the city.

Note: The animated weather icons are attributed to amCharts.

◾ Wallpaper changer

The wallpaper can be changed manually or automatically (daily or weekly).

◾ Digital clock

A digital clock with date.

◾ Alerts

A personalized alert system with warnings about to-do limits and errors in the weather forecast app.

◾ Responsive web design

MyDearPage automatically adjust for different screen sizes ensuring a pleasant user experience for all devices.

🤝 Contributions

The foundation of the open source community are the contributions, them inspire us to learn and create. Any contributions are greatly appreciated.

📄 License

This project is licensed under the MIT License. See the LICENSE.md file for details.

Gabriel Penteado

Full Stack Developer