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

https://github.com/vidigal-code/dio-markdown

dio-markdown
https://github.com/vidigal-code/dio-markdown

mardown mardown-editor react reactjs typescript

Last synced: 2 months ago
JSON representation

dio-markdown

Awesome Lists containing this project

README

          

# Projeto de Editor de Markdown / Markdown Editor Project

Este projeto foi desenvolvido usando Vite, TypeScript, TSX e SCSS, e consiste em um editor de markdown simples para GitHub. Ele foi criado como parte de um curso na plataforma [dio.me](https://web.dio.me/lab/desafio-de-projeto-contribuindo-em-um-projeto-open-source-no-github/learning/913f26fd-1018-4643-b59a-6356ea77dc2e?back=/track/santander-bootcamp-2023-backend-java) com o objetivo de testar e explorar a criatividade no desenvolvimento de aplicações web. Sinta-se à vontade para usar e adaptar conforme necessário.

This project was developed using Vite, TypeScript, TSX, and SCSS, and consists of a simple GitHub markdown editor. It was created as part of a course on the [dio.me](https://web.dio.me/lab/desafio-de-projeto-contribuindo-em-um-projeto-open-source-no-github/learning/913f26fd-1018-4643-b59a-6356ea77dc2e?back=/track/santander-bootcamp-2023-backend-java) com o objetivo de testar e explorar a criatividade no desenvolvimento de aplicações web. Sinta-se à vontade para usar e adaptar conforme necessário.
platform with the goal of testing and exploring creativity in web application development. Feel free to use and adapt it as needed.

## Tecnologias Utilizadas / Technologies Used

- **Vite**: Ferramenta de build rápida para projetos modernos de front-end. / Fast build tool for modern front-end projects.
- **TypeScript**: Superset de JavaScript que adiciona tipagem estática ao código. / A superset of JavaScript that adds static typing to the code.
- **TSX**: Sintaxe que permite escrever elementos JSX em arquivos TypeScript. / Syntax that allows writing JSX elements in TypeScript files.
- **SCSS**: Preprocessador CSS que adiciona funcionalidades como variáveis, aninhamento e mixins. / CSS preprocessor that adds features like variables, nesting, and mixins.

## Objetivo do Projeto / Project Purpose

O projeto foi criado sem um objetivo específico, além de servir como prática para o curso e permitir a exploração de ideias criativas no desenvolvimento web.

The project was created without a specific goal, other than to serve as practice for the course and allow the exploration of creative ideas in web development.

## Informações Adicionais / Additional Information

- **Curso**: Plataforma [dio.me](https://web.dio.me/lab/desafio-de-projeto-contribuindo-em-um-projeto-open-source-no-github/learning/913f26fd-1018-4643-b59a-6356ea77dc2e?back=/track/santander-bootcamp-2023-backend-java) com o objetivo de testar e explorar a criatividade no desenvolvimento de aplicações web. Sinta-se à vontade para usar e adaptar conforme necessário.

- [dio.me](https://web.dio.me/lab/desafio-de-projeto-contribuindo-em-um-projeto-open-source-no-github/learning/913f26fd-1018-4643-b59a-6356ea77dc2e?back=/track/santander-bootcamp-2023-backend-java) with the aim of testing and exploring creativity in web application development. Feel free to use and adapt as needed.

- **Propósito / Purpose**: Testar e explorar a criatividade no desenvolvimento de um editor de markdown para GitHub. / To test and explore creativity in developing a GitHub markdown editor.

Sinta-se à vontade para utilizar este projeto como base ou inspiração para seus próprios projetos. / Feel free to use this project as a base or inspiration for your own projects.

## Exemplo / Example

[Click Here to view the GitHub Repository](https://vidigal-code.github.io/dio-markdown/)

![GIF Exemplo / Example GIF](https://github.com/Vidigal-code/dio-markdown/blob/main/src/assets/dio-markdown-example.gif)