Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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 ⭐️