Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/madeffort/vanilla-chrome-momentum
Inspired by Momentum, this app provides greetings, current time, to-do lists, quotes, and weather.
https://github.com/madeffort/vanilla-chrome-momentum
css html javascript
Last synced: about 2 months ago
JSON representation
Inspired by Momentum, this app provides greetings, current time, to-do lists, quotes, and weather.
- Host: GitHub
- URL: https://github.com/madeffort/vanilla-chrome-momentum
- Owner: madEffort
- License: apache-2.0
- Created: 2024-06-06T10:02:58.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-06-08T09:08:37.000Z (8 months ago)
- Last Synced: 2024-12-01T09:40:45.252Z (about 2 months ago)
- Topics: css, html, javascript
- Language: JavaScript
- Homepage:
- Size: 3.34 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Inspired by Momentum, this app provides greetings, current time, to-do lists, quotes, and weather.
Key Features • File Overview • How To Use • Download • Related • Support • License
## Key Features
1. **Greeting User:** Prompts the user to enter their name and displays a personalized greeting.
2. **Clock:** Displays the current time which updates every second.
3. **To-Do List:** Allows the user to add and delete to-do items. The to-do list is saved in the browser's local storage.
4. **Random Quotes:** Displays a random quote along with the author.
5. **Background Image:** Changes the background image randomly every time the page is loaded.
6. **Weather Information:** Fetches and displays the current weather information based on the user's geographical location.
## File Overview
1. **`index.html`:** The main HTML file that structures the web application.
2. **`css/style.css`:** The CSS file for styling the web application.
3. **`js/config.js`**: Contains the API key used for fetching weather data.
4. **`js/background.js`:** Handles the functionality for changing the background image.
5. **`js/clock.js`:** Manages the clock functionality.
6. **`js/greetings.js`:** Manages user login and greeting functionality.
7. **`js/quotes.js`:** Displays a random quote.
8. **`js/todos.js`:** Manages the to-do list functionality.
9. **`js/weather.js`:** Fetches and displays the current weather information.
## How To Use
1. **Clone the repository:**
```bash
$ git clone https://github.com/madEffort/vanilla-chrome-momentum.git
```
2. **Navigate to the project directory:**
```bash
$ cd vanilla-chrome-momentum
```
3. **Set up your API key:**
- Open the `js/config.js` file and set your API key.
```bash
const API_KEY = "open_weather_api_key";
```
4. **Open `index.html` in your preferred web browser.**
## Download
You can [download](https://github.com/madEffort/vanilla-chrome-momentum/releases) the latest release version of the Momentum.
## Related
- [OpenWeather](https://openweathermap.org/)
## Support
## License
This project adheres to the Apache-2.0 license, and you can find more detailed information in the [LICENSE](https://github.com/madEffort/vanilla-chrome-momentum/blob/main/LICENSE)
---
> GitHub [@madEffort](https://github.com/madEffort) ·
> Naver [@madEffort](https://search.naver.com/search.naver?where=nexearch&sm=tab_etc&mra=bjky&x_csa=%7B%22fromUi%22%3A%22kb%22%7D&pkid=1&os=32229226&qvt=0&query=%EA%B9%80%ED%98%84%EC%9A%B0)