Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gabrielpenteado/mydearpage
A personalized start webpage with features like custom icons, to-do list, weather app and wallpaper change. | HTML | CSS | Javascript | Node.js | Express
https://github.com/gabrielpenteado/mydearpage
css3 ejs express-js html5 javascript node-js
Last synced: about 1 month ago
JSON representation
A personalized start webpage with features like custom icons, to-do list, weather app and wallpaper change. | HTML | CSS | Javascript | Node.js | Express
- Host: GitHub
- URL: https://github.com/gabrielpenteado/mydearpage
- Owner: gabrielpenteado
- License: mit
- Created: 2020-12-25T21:10:06.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2024-04-21T18:04:48.000Z (9 months ago)
- Last Synced: 2024-04-21T23:37:19.892Z (9 months ago)
- Topics: css3, ejs, express-js, html5, javascript, node-js
- Language: JavaScript
- Homepage: https://mydearpage.netlify.app/
- Size: 13.5 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
MyDearPage
A personalized start webpage
## 📑 Contents
- [About the project](#-about-the-project)
- Built with
- Website
- [Getting Started](#-getting-started)
- Requirements
- Installation
- [Features](#-features)
- Custom icons
- To-do list
- Weather app
- Wallpaper changer
- Digital clock
- Alerts
- Responsive web design
- [Contributions](#-contributions)
- [License](#-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](https://nodejs.org/en/download/) to install.
- weather API key
> [Click here](https://openweathermap.org/api) and select **One Call API**.
### Browser Support
| [
](https://www.google.com/intl/en/chrome/)
Chrome | [
](https://www.microsoft.com/en-us/edge)
Edge | [
](https://www.mozilla.org/en-US/firefox/new/)
Firefox | [
](https://www.apple.com/br/safari/)
Safari | [
](https://www.opera.com)
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](https://www.amcharts.com/free-animated-svg-weather-icons/).
### ◾ 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
[](http://makeapullrequest.com)
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](https://github.com/gabrielpenteado/mydearpage/blob/main/LICENSE.md) file for details.
Gabriel Penteado
Full Stack Developer
[](https://www.linkedin.com/in/gabriel-penteado)
[](https://github.com/gabrielpenteado)
[](mailto:[email protected])