Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dzenis-h/electric-reactive-to-do
This is my very first take on Electron. Since I'm usually using React, I've combined them.
https://github.com/dzenis-h/electric-reactive-to-do
bootstrap4 css3 electron html5 javascript react react-electron todo typescript
Last synced: 26 days ago
JSON representation
This is my very first take on Electron. Since I'm usually using React, I've combined them.
- Host: GitHub
- URL: https://github.com/dzenis-h/electric-reactive-to-do
- Owner: dzenis-h
- License: mit
- Created: 2019-05-18T18:58:08.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-05-30T23:30:04.000Z (over 1 year ago)
- Last Synced: 2024-11-17T15:56:37.462Z (3 months ago)
- Topics: bootstrap4, css3, electron, html5, javascript, react, react-electron, todo, typescript
- Language: TypeScript
- Homepage:
- Size: 680 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
##
# Electric-Reactive-To-Do 📝
## Overview 📖
This is my very first take on Electron. Since I'm usually using React, I've combined them. YES, of course, it's a To-Do app. But it has some nice features and it's still in development, but fully functional. It's also important to note that it saves your data. I did it for fun, to get to know Electron and to refresh my TypeScript skills.## Installation 💾
To install and run this app, you will need Node.js and npm installed on your computer. Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine, while npm is the package manager for Node.js.Installation:
```
npm i
```
This will install all of the necessary dependencies.Usage:
```
npm run dev
```
This will start all the needed scripts for you to explore it further.## Tech Stack 💻
| Tech | Docs | Description |
| --- | --- | --- |
| ![Electron](https://img.shields.io/badge/-Electron-47848F?style=flat-square&logo=electron&logoColor=white) | [Electron](https://www.electronjs.org/docs) | Build cross-platform desktop apps with JavaScript, HTML, and CSS. |
| ![React](https://img.shields.io/badge/-React-61DAFB?style=flat-square&logo=react&logoColor=white) | [React](https://reactjs.org/docs/getting-started.html) | A JavaScript library for building user interfaces. |
| ![TypeScript](https://img.shields.io/badge/-TypeScript-3178C6?style=flat-square&logo=typescript&logoColor=white) | [TypeScript](https://www.typescriptlang.org/docs/) | A typed superset of JavaScript that compiles to plain JavaScript. |
| ![JavaScript](https://img.shields.io/badge/-JavaScript-F7DF1E?style=flat-square&logo=javascript&logoColor=black) | [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) | A high-level, dynamic, untyped, and interpreted programming language. |
| ![HTML5](https://img.shields.io/badge/-HTML5-E34F26?style=flat-square&logo=html5&logoColor=white) | [HTML5](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5) | A markup language used for structuring and formatting content on the World Wide Web. |
| ![CSS3](https://img.shields.io/badge/-CSS3-1572B6?style=flat-square&logo=css3&logoColor=white) | [CSS3](https://developer.mozilla.org/en-US/docs/Web/CSS) | A stylesheet language used for describing the look and formatting of a document written in a markup language. |
| ![Bootstrap4](https://img.shields.io/badge/-Bootstrap4-563D7C?style=flat-square&logo=bootstrap&logoColor=white) | [Bootstrap4](https://getbootstrap.com/docs/4.0/getting-started/introduction/) | A free and open-source CSS framework directed at responsive, mobile-first front-end web development. |## Contributing 🤝
Contributions are always welcome! If you would like to contribute to this project, please follow these steps:
1. Fork the repository. 🍴
2. Create a new branch. 🌵
3. Make your changes and test them thoroughly. 👨💻
4. Submit a pull request. ✔## License 📜
This project is licensed under the MIT license. For more information, please see the [license file](https://docs.google.com/document/d/11WK7tVoTFRMcWCuGZQCRWxEsDUEJ_6ArtfV-NjWcBCU/edit?usp=sharing).## Credits 👏
Electric-Reactive-To-Do was created by [Dzenis H.](https://www.dzenis.tech)If you like what you see, please consider giving a ⭐️