Coder Social home page Coder Social logo

jeo-theme's Introduction

JEO Theme

Clonando o repositório

Clone o repositório e seus submódulos recursivamente:

$ git clone [email protected]:EarthJournalismNetwork/jeo-theme.git --recursive

Desenvolvimento

Editor

Para o desenvolvimento recomenda-se a utilização do editor Visual Studio Code com as seguintes extenções:

  • EditorConfig for VS Code
  • PHP Intelephense
  • Docker
  • Beautify
  • Beautify css/sass/scss/less
  • GitLens
  • ...

Requisitos

Para o desenvolvimento é requisito ter instaladas ao menos as seguintes ferramentas:

  • Git
  • Docker e Docker Compose - Docker é a ferramenta recomendada para desenvolver localmente. Para instalá-lo siga estas instruções.
  • node e npm

Subindo o ambiente

Abra outro terminal e na raíz do repositório execute o comando abaixo:

docker-compose up

Acesse http://localhost para ver o site.

Compilando os assets do tema

Os assets serão automaticamente compilados pelo watcher, mas se preferir, abra um terminar, vá até a a pasta themes/jeo-theme/ e execute os comandos abaixo:

$ npm install
$ npm run watch # vai ficar observando as mudanças nos assets

Scripts para desenvolvimento

Há uma série de scripts úteis na pasta dev-scripts

  • dump - faz um dump do banco de desenvolvimento
    exemplo de uso: dev-scripts/$ ./dump > dump.sql
  • mysql - entra no shell do mysql com o usuário wordpress
  • mysql-root - entra no shell do mysql com o usuário root
  • wp - executa o comando wp-cli dentro do container wordpress
    exemplo de uso: dev-scripts/$ ./wp search-replace https:// http://

Importar um dump de banco de dados

Se você tem um dump de banco de dados .sql ou .sql.gz, para importá-lo em sua versão local, copie o arquivo para compose/local/mariadb/data e execute:

docker-compose down -v # o parametro -v apaga os dados do mariadb
docker-compose up

Log de mudanças

jeo-theme's People

Contributors

bwstefano avatar everaldomatias avatar ggraham-int avatar hockpond avatar laurahacklab avatar leopiccionia avatar matheusgimenez avatar pamelars86 avatar willowmagrini avatar

Stargazers

avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar avatar avatar avatar

jeo-theme's Issues

[ WPML Translate ] The Jeo-theme can work with WPML plugin

Ekuatorial site is available in two languages so we will want the theme to be multilingual with the help of the WPML plugin, for which EJN has a non-profit grant that makes it free for use

To do

  • Ekuatorial has more posts in indian, so we have to create 2 homes one for english and another for indian. Also, the english home could be less posts than indian so, it must have another structure.

[ Post Template ] Control an error in featured image

Fixes to do:

  • (Bug) If user selects "Behind article title" or "Beside article title" when the "Newspack Image Credits" Newspack Image Credits is not installed, an uncontrolled error occurs. Possible Solution: radio buttons "behind article title" and "Beside article title" are available when the "Nespack image credits" plugin is installed, but also show a message "These options need the 'Nespack image credits' plugin"

image

[Dark Mode]

Dark mode: it’s possible to respect the visitors’ choice of using its device in the dark mode and show the website with a dark or light color theme

  • Web
  • Mobile

[ Home Pages and Posts ] Revision and Update Mobile layouts

TO DO

[ New Gutenberg block ] Image slider with grid and fullwidth buttons

The image slider will have the grid option and fullwidth image. Also each image has the credits icon as it was implemented for post with featured image : "behind the title"
https://mekongeye-jeo.hacklab.com.br/2020/06/26/survivors-of-pnpc-dam-collapse-in-laos-flee-deteriorating-relocation-centers/
image

NEW COMPONENT:
image

image

Reference:
https://www1.folha.uol.com.br/equilibrioesaude/2020/03/quais-sao-os-sintomas-do-novo-coronavirus.shtml

[Theme configuration] More items in the Heading to be configured

  • Load third typography for Pasifika site

image

image

  • Allow user to select a sticky logo. If there are no sticky logo, the main logo is used (verify in header for pages and posts in web and mobile mode)
    image
    image

image

image

image

  • Allow user to select a color for search icon because for the Ekuatorial site that has a red background, the search icon should be white. However, the default color for search icon is black.

image

[ Speed ] Other tech to improve loading resources

  • Use a loader icon during loading
    Ele mostra o logo do Nexo em tela cheia e coloca uma bolinha animada em cada seção, indicando que aquela seção ainda está carregando. Assim a página termina de carregar mais rápido e também o conteúdo não "pula" para baixo quando algo de cima termina de carregar depois.
    image
    Avaliação do time: Seria só necessário se a tela fosse muito "pesada"

REQUIREMENT

we’ll want the theme to be developed with certain features:

  • Progressive Web Apps ( includes https://web.dev/maskable-icon/)
  • Service Workers: This will allow caching the whole site but make the browser to refresh a certain page that’s changed.
    Async functions and resource prioritization

Some references:

Stefano's suggestions (1)

https://web.dev/predictive-prefetching/ -> Uma biblioteca JavaScript que faz prefetch preditivo do conteúdo que o usuário mais terá probabilidade de clicar a seguir, a partir de dados do Analytics.

https://wordpress.org/plugins/predictive-preloader/ -> Este plugin aplica a biblioteca acima no WordPress e é uma possibilidade a se considerar, embora talvez tenhamos possibilidades melhores e quem sabe mais baratas (este custa US$5/mês/site).

https://web.dev/adaptive-loading-cds-2019/ -> Aqui tem algumas técnicas que se baseiam no uso de APIs do navegador para melhorar o carregamento do site em dispositivos de entrada ou conexões lentas. Algumas destas APIs são experimentais, então podemos considerá-las com cautela.

https://web.dev/load-faster-like-proxx/ -> Este artigo também traz algumas técnicas que podem ser bacanas para dispositivos de entrada.

https://web.dev/preload-responsive-images/ -> Este aqui mostra uma das técnicas do artigo acima, o preload, aplicada a imagens.

https://web.dev/native-lazy-loading/ -> E este é outro bem legal também para imagens: lazy-loading usando uma API do navegador. Parece incrível.
Uma última coisa nada a ver com velocidade: essa técnica aqui faz o ícone do site que se instala no Android ficar legal em qualquer tema que o usuário escolha -> https://web.dev/maskable-icon/

19/08

Pamela, estes recursos podem ajudar na otimização da velocidade dos sites, alguns dos quais já tratados antes como PWA: https://web.dev/vitals/. No site tem alguns links úteis, inclusive para uma extensão do Chrome que pode ajudar na avaliação.

O Google vai começar a considerar os resultados destes testes para fazer o site subir nas buscas: https://tecnoblog.net/359998/chrome-para-android-vai-rotular-paginas-que-carregam-rapido/.

Aí tem alguns plugins de WordPress que ajudam na implementação, mas não sei se são bons ou necessários, já que vocês já estão trabalhando nisso:

[ Post Template ] About the autor block in published post

Improvements to do:

  • Verify if when show "the about the author" check is unchecked, the "by < author name >" is hidden in the published post. (see image below)

image

  • "Show author-bio" block can be in the right sidebar of the post instead of the bottom position.

image

  • The authors's section in published post must have this layout: A single title "ABOUT THE AUTHOR" for all authors (see image below)
  • The author's info shown for each one will be: avatar photo, name, url, bio. These fields are available in user profile. (see image below)

image

[ Opinion Post ] Opinion Post for each EJN Site

Opinion post description
Posts that are opinion pieces

Layout Ekuatorial - Opinion: https://projects.invisionapp.com/d/main?origin=v7#/console/19859607/419724934/inspect?scrollOffset=3966.666748046875

Layout Mekong Eye - Opinion:
https://projects.invisionapp.com/d/main?origin=v7#/console/19859607/418998769/inspect?scrollOffset=3966.666748046875

Layout Pasifika - Opinion:
https://projects.invisionapp.com/d/main?origin=v7#/console/19859607/420953549/inspect?scrollOffset=3966.666748046875

Opinion post layout
At the top of the audio Op-ed post, there is a heading : OPINION/ < list of topics >
There is a background color in the op-ed's header

To do

  • Featured image MUSTN'T be in the published post
  • background color:
  • font is not BOLD

image

image

image

RESULT:

image

[ Add a new style in Citation Gutenberg Block ] The new style will have an icon quote filled by primary color

Cases to test

- Create a SOLID PULLQUOTE (LEFT)
image

image

- Create a SOLID PULLQUOTE (RIGHT)
image

- Create a BIG LEFT PULLQUOTE
This style doesn't have background and quote icon and bar has primary color.
image

image

Styles:

  • New style is available in the Post Editor
  • Quote has the defined style
  • User can select "white" or "primary color" to apply to quote image and bar before author name (PENDING)

image

image

image

References
https://gogutenberg.com/blocks/pullquote/#:~:text=The%20pullquote%20block%20takes%20an,more%20flexibility%20over%20the%20alignment.
https://www.billerickson.net/block-styles-in-gutenberg/#block-names

[ Post Template ] New style for featured image

Fixes to do:

  • .featured-image-behind class doesn't need the 'min-height' rule, because the featured image doesn't have to fill all screen's height.

The post's header could include a featured image

  • Post's header without featured image (see image below)
    image

  • Post's header with featured image. This image must fill all width screen and it includes an "i" icon. After clicking on "i" icon, the description and author credit will appear (see image below).

image

About the featured image size
Default: 10x15 proportion size.
It is allowed to lose some parts of the image (25% of height or width)

[ Theme Configuration ] Add new sections in Customize theme option

Theme configuration (Opção: Apresentação -> Personalizar)

  • Verify that colors primary / secondary can be applied as layouts were defined.
  • Verify Header's colors: top bar( primary color), bottom bar (secondary color)
  • (New) Header's background: select an image.
  • Typography: primary / secondary. Mekong Eye and Infopacific will have a different typography for internal posts.

Also, InfoPacific will use 3 types of typography
Source Sans (primary)
Libre Basquesville (internal post)
Dosis Bold (other type of titles. Ex. “SPOTLIGHT: OCEANS”)
image

  • Heading font-size configuration: H1, H2, H3, H4, H5, H6, p
  • Decoration location: mini top bar (infopacific - primary color), mini left bar (ekuatorial - primary color), icon (mekong eye)

image

image

image

[ Header ] Update header.php and new configuration for header in Customize Page

Main header
Mekong Eye

  • top bar: Main phrase
  • middle bar: Social network icons, logo and search icon.
  • bottom navigation bar: Menu (left) which all options, Discovery button (right)

Ekuatorial e Infopacific

  • top bar: Social network icons (left), languages icons (right)
  • middle bar: logo, phrase and search icon.
  • bottom navigation bar: Menu (left) which all options, Discovery button (right)
    P.S The topbar could be empty for InfoPacific

Sticky header - 1st type
This header appears in pages
The sticky header has 3 parts in a single bar: hamburguer menu icon / logo / search icon

Sticky header - 2nd type
This header appears in any post
The sticky header has 4 parts in a single bar:- hamburguer menu icon / logo / post's title- popular social network list + button to show other social networks (LINE e WeChat)

image

image

image

image

[ Most read block ] This block MUST show 'n' most read posts of the selected category / author page

  • This block MUST show "n" "most read" posts of the selected category page or author page
  • This block appears if there are more than "x" posts of the selected category page. Control using widget.
  • User can configure title of most read block. Ex. "author's most read", "most read"
  • Allow user to select if he/she wants to show the featured image for the most read post.

Layout in invision:
Category page
https://projects.invisionapp.com/d/main?origin=v7#/console/19859607/418177101/preview?scrollOffset=3966.666748046875

Author page
image

https://projects.invisionapp.com/d/main?origin=v7#/console/19859607/418177103/preview?scrollOffset=3966.666748046875

[ Discovery Page ] Integration with JEO Plugin

General documentation

Goal
Even though a similar feature already exists on some of the geojournalism sites – especially at Ekuatorial and InfoAmazonia –, they are more focused on presenting maps. The focus of this section is to help users to find relevant stories first, instead of putting the map first.

Visitors will be able

  • to look for stories published by the website at an interactive map
  • to filter stories by categories and publishing dates
  • to choose different maps to show below the story points and combine different layers, from those already added to the site via WordPress. It will also be possible to share a visualization from there.

The theme will mostly focus on the layout of this page, as features will be developed already to be consumed by the theme.

See document here

Requirements specification

Test cases here

Layouts

Desktop (here)

Desktop Dark (here)

Additional Ideas

Pagination used in AirBnb (Example here):
image

[ Author Page ] Update author.php to be as defined layout

The Newspack-plugin pre-installs these useful plugins:

  • WP Avatar
  • Multiple author
  • Yoast
  • In the Customize panel --> Author Bio Settings Check "Display Author Social Media links"
    Display social media links with the author bio on individual posts and author archives (this option requires the Yoast plugin).

To do

  • Update author.php (desktop). There are social icons and URL icon (this is the URL added in the user's profile page in wordpress)

  • Update author.php (mobile). There are social icons and URL icon (this is the URL added in the user's profile page in wordpress)

  • If the author doesnt' have photo, no photo must appear in the author page

  • post's featured photo must appear at the left of the post block
    image

  • Include author's"most read" block when it is ready (#18)

ekuatorial-author2
infopacific-author2-mobile
infopacific-author2

[ Theme Configuration ] Discovery button and font-color for site's description

  • Add Discovery link field inCustomize Page / Header settings / Appearance. This link could be "/discovery-page", "discovery-page" or "https//site.com/discovery-page".
  • Add an option to select font-color for "site's description" in Customize Page / Colors.
  • Add an option to select "solid" or "outline" design for Discovery button in Customize Page / Header settings / Appearance. The "map" icon appears always in the Discovery button. This button will be available in Main Menu.

Here solid vs outline
Solid (filled with primary color and font is white)
image

Outline (border and font are white)
image

Here, user can add the site's description
image

[ Post Card ] Post as external link

To do

  • Changes in Post Editor Page. In the right sidebar, there will be 2 fields: "Original Publisher name" and "Original Publisher link"

image

  • Update Homepage posts block.

Each preview post has this structure:

  • Featured photo
  • Post's title: If it a original post, the title redirects to the post's details (Post Page)
  • external link (Optional): This link is available for external posts. Ex. "Reuters"
  • Post's published date (Format: Month day, year)

image

How post's external link works
If a post doesn't belong to the wordpress site, the title link redirects to the external source.

  • The external link has to be opened in a new tab.

Block used in JEO Theme
The newspack-plugin has a block called "Home Posts Pages" that allow users to select which posts will be shown. This block will be used in Home Page mainly.

[ New Gutenberg block ] Image will show its author credit after clicking on "i" (camera) icon

USER TEST

  1. The "credited image" block is available here:
    image
  2. The "credited image" block can be found here too:
    image
  3. After selecting the "credited image" block, a link "upload image" is available to open the media modal to select an image

image

  1. Then, the selected image will have 2 fields: credit name and description (see image below)
    image

  2. Publish the post. User can see its new credited image:
    image

image

###CONTEXT

This is the behavior of this new block:

image

[ Video Post ] Video Post for each EJN Site

To do

  • Layout video for youtube block
    image

  • Layout video for video block
    image

Layout: https://projects.invisionapp.com/d/main?origin=v7#/console/19859607/419727268/inspect?scrollOffset=3966.666748046875

Video Post description
If the story is just a video that’s embedded on an external provider like YouTube or Vimeo, the layout should highlight it and not expect other content types like photos or texts to be added with.

Video Post layout
At the top of the video type post, there is a heading : VIDEO / < list of topics >

Video Posts for each EJN Site
image

image

image

[ New Post block ] "Sorry, we said wrong" block

To do

  • Add in Create/Edit Post a new block to enable/disable the "sorry we said wrong" block. If it is checked, user has to fill the mandatory textarea field to enter the correct text.
    image

  • At the top of the published post will appear a link that redirects to this new block "sorry we said wrong". It could be an anchor. Ex. Sorry, we said wrong, see more here

  • A the bottom of the published post will appear the "sorry we said wrong" text with this layout

image
image

[ Post template ] if the post has "one column" layout, the title section is broken

To do

image

Bug prints
image

image

[ Speed evaluation ]

  • Update docx of performance/speed

https://www.w3.org/TR/WCAG21/
To do
INFOAMAZONIA

MEKONG EYE

EKUATORIAL

PASIFIKA

REQUIREMENT

Readable by people with disabilities:

  • Content must be organized, and layout must be worked in a way stories can be easily read by machines used by visually impaired people.
  • Elements should be adequately seen by color blind people.
  • Developers should make best efforts to have a layout that makes the website usable by people with dyslexia.
  • W3C HTML5 valid

Tools
We can use these tools:
https://developers.google.com/web/tools/lighthouse
https://ace.accessibe.com/.
https://github.com/bbc/bbc-a11y
https://github.com/bbc/color-contrast-checker

[ Subscription Form ] This block's background must use a selected color

The subscription form is a Mailchimp form (MC4WP plugin). Newspack has that plugin.

This block will be in:

  • Home
  • All especial and regular posts
  • Category / Tag

The subscription block's structure:

  • email
  • "subscribe now" button
  • Terms of Use (or other related text) with a link for further information

General Styles

  • border-radius: 40px;
  • select a color. It not a primary or secondary color.
  • select opacity

Functionality:
The user enters his/her email and clicks on "subscribe now" then a successful message is shown.

Uses:
Mekong Eye:

  • background: #CDDE87
  • opacity: 0.70;

Ekuatorial:

  • background: #C31924;
  • opacity: 0.15;

Infopacific:
background: linear-gradient(135deg, #1779B5 0%, #2EC1DA 100%);

[ Category / Tags Template ] Update content-archive.php to be as defined layout

Invision

Layout Category/Tags for Pasifika
https://projects.invisionapp.com/d/main?origin=v7#/console/19859607/420953545/inspect?scrollOffset=3966.666748046875

Layout Category/Tags for Ekuatorial
https://projects.invisionapp.com/d/main?origin=v7#/console/19859607/418177101/inspect?scrollOffset=3966.666748046875

Layout Category/Tags for MekongEye
https://projects.invisionapp.com/d/main?origin=v7#/console/19859607/418179669/inspect?scrollOffset=3966.666748046875
To do

  • Update content-archive.php

image

image

image

[ Cookies section ]

TEST

Layout: https://projects.invisionapp.com/d/main?origin=v7#/console/19859607/415582872/inspect?scrollOffset=3966.666748046875

  • Install the plugin : https://complianz.io/
    https://wordpress.org/plugins/complianz-gdpr/

  • Configure the plugin's wizard. Select GDPR
    image

  • Configure the banner's settings (general)
    image

  • Configure the banner's settings (opt-in). In the message textarea, add the code below
    image
    <div class="row align-items-center"><div class="col-sm-3"><span class="cookie-title">COOKIE POLICY</span></div><div class="col-sm-9"><p class="cookie-custom-msg">By visiting this site, you agree to the use of cookies, which are designed to improve your experience and are used for the purpose of analytics and personalization. To find out more, please read our <a href="http://localhost/cookie-policy-eu/">Cookies policy</a>. You can change the settings also.</p></div></div>

Comentários do Stefano
Plugin (review):
https://wordpress.org/plugins/eu-cookie-law/

_Ó, Pamela. Selecionei alguns plugins que podem ajudar os sites a estarem de acordo com a GDPR. Estes parece que são compatíveis com o WPML, bloqueiam iframes até que sejam dadas as autorizações específicas a eles, possuem uma base forte de usuários e permitem selecionar, em uma página separada, quais cookies serão permitidos.

Todos estes são pagos, mas os dois primeiros estão na loja do WordPress, então dá pra baixar e testar. O terceiro encontrei para baixar aqui: https://www.downloadfreethemes.co/borlabs-cookie-v2-1-12-gdpr-eprivacy-wordpress-cookie-opt-in-solution/.

Não temos problema em pagar por qualquer solução deste tipo, mas acho que vocês têm que avaliar a melhor para o desenvolvimento e também que permita personalização da aparência das mensagens de autorização. Em termos de recursos, o primeiro parece ser o mais interessante, mas vejam se ele serve para o nosso tema.

[ Categories ] Redefinition of categories in the post

To do

  • Create 3 types of category (see more details below)
    (Excluded) Add filter in Homepage posts block to consider this new hierarchy of categories (see more details below)

  • Add selection of categories in Post Editor
    image

  • The published post has to show POST TYPE / TOPIC in its heading (see image below)

  • Verify if the post URL can contain the main category (post type). Stefano is concerned about seo. post's url will have this format: category/year/month/day/name
    Ex. opinion/2020/01/30/covid-world-impact image

Every post will be categorized as:
POST TYPE / TOPIC
AUDIO / LIFE
VIDEO / INDUSTRY
OPINION / TECHNOLOGY
IMAGE GALLERY / ENVIRONMENT
STORY FORM
LONG FORM

3 types of category
Category: Post type

  • NEWS --> for regular post
  • AUDIO
  • VIDEO
  • IMAGE GALLERY
  • OPINION
  • STORY FORM
  • LONG FORM

Category: Topic
--- ENVIRONMENT
--- LIFE
--- INDUSTRY

Category: Region
--- THAILAND
--- VIETNAM
--- CHINA

ENTRE AS SUBCATEGORIAS DO MESMO PAI: FILTRO COM "OU"
Ex. "audio" ou "video"

ENTRE AS SUBCATEGORIAS DE DIFERENTES PAI: FILTRO COM "OU"
Ex. "audio" e "china"

[ Audio Post ] Audio Post for each EJN Site

Layout: https://projects.invisionapp.com/d/main?origin=v7#/console/19859607/419727269/inspect?scrollOffset=3966.666748046875

Audio Post description
This one might include a photo, some short description and one or multiple audio files with their player.

Audio Post layout
At the top of the audio type post, there is a heading :AUDIO/ < list of topics >

To do

  • Featured image MUSTN'T be in the published post
  • The 1st audio must appear with these styles:
    Layouts for Audio Post for each EJN Site
    image

image

image

[ Long form Post ]

Test:

  • Create a category with slug = long-form
  • test the 2 long form posts created. There are no spaces between cover blocks. there is a class 'full height"

Examples
https://ekuatorial-jeo.hacklab.com.br/2020/07/28/1381/
https://ekuatorial-jeo.hacklab.com.br/2020/07/27/the-young-women-sent-into-crowds-to-blow-themselves-up/

Long form description

  • Used for stories with more than 1,000 words or made of special design be added within a special design that suits better for them,
  • It allows full-width videos, images or maps, background images or videos, bigger featured image or videos, different options of text positioning, etc. to be done to the limits of WordPress

[ Post Template & Report Error Page ] Add a report error button in a published post

To do

image

  • The error report page will have: name, last name, email, comment,

[ Search ] Update search.php / searchform.php templates to be as defined layout. Search results page has filters and order

Search modal
When the user clicks on the "glass" icon in the header:

  • A search modal is shown with a text field and a search button
  • The "glass icon" becomes a "x" button to close the search modal
  • The user enters keywords into the "search field" and clicks on "search" button. Then, the results page is shown

Search Results Page
All the search results are listed (internal and external posts)

Filters:

  • Date range: when the user clicks on it, the start and end date are shown. They have to be datepicker control
  • Topics: List of all topics é multiselect ?
  • Regions: List of all regions é multiselect ?

Sort options:

  • sort by: Latest / Oldest

To do

  • The search filters will be the categories instead of the taxonomies.
  • Search modal
  • Search posts is using data/region/topic filters
  • Post can be ordered by selected order type.

image

  • Mobile layout

image

search-mobile

[ Post Template ] Update content-single.php to consider new changes

To do

Template: /template-parts/content/content-single.php

  • In Published post: Show published date of the post
  • In Published post: Show last updated date of the post. Only if the differente between last updated date and published date is greater than 30min.
  • Tags section in published Post will have this layout (see images below). The font-color is the primary color of the site. The background color is another secondary color.

image

image

  • Mailchimp subscription form will be in the published post (see images below). Is possible to add a shortcode in the Create/Post Editor ?

image
image

  • If comments are allowed and there are no comments yet, this block will appear:
    image

  • If comments are allowed, the contact form in the published post will have these fields name and comment (see image below) (PENDING : update comment form due to is wordpress' core)

  • The list of post's comments will have this structure:

  • Number of comments

  • person's name, comment's date and comment text for each comment. (see image below)

image

  • (PENDING) Related post section. Could we use a home page posts block?
    image

CONTEXT
Regular post's content will has:

  • a heading < category > / < list of topics >
  • title
  • 500 to 1,000 words
  • illustrative photos
  • embedded video or audio (optional)
  • pull-out quotes
  • sell sentences

Completed Layout:
with Featured Image
ekuatorial-post-regular

without feautred image
mekongeye-post-regular

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.