Header

It should contain the Cooperative logo and links to each page and search bar.

Links

• Home
• Who we are
• Products and services
• Blog
• Events
• Support
• Contacts

The search should only run on the current page.
Should highlight the current page

Task

• Create a Header component
• Must contain the search bar component.
• Highlight the current page.
• Unit test with Jest

Prototype

Desktop

Mobile

Estimated: 8h

The home will be divided into sections, in total there will be 9. Each section will have a Title, Description and a button linking to unique pages.

Assets should follow the naming: sectionName-AssetName.png

Tasks

• Read json in content/pages/Home.json
• Render sections on screen using array.prototy.map
• Unit test with Jest
• Integration Test with jest

Prototype

Desktop

Mobile

Estimated: 5h

NextJS + TypeScript

Create the minimal environment to work with React, Next, TypeScript, Jest, MDX, Sass and Docker.

Should render static pages with contents in markdown
configure MDX inside nextjs https://nextjs.org/blog/markdown

• Create project in NextJS + Typescript
• Configure Lint
• Configure Sass Loaders
• Configure MDX to render content in Markdown
• Configure ENV
• Create docker-compose.yml
• Install and configure Jest

Estimated: 6h

Implementar sitemap

Em páginas com pouco conteúdo (como "Contato") o rodapé fica flutuando no meio da janela. Seria interessante empurrá-lo para o fim da janela nesses casos.

Não temos um Patreon para a LibreCode, só para o LibreSign.

Como está no site:

https://github.com/LibreCodeCoop/site/blob/main/source/index.blade.php#L151

Como deveria ser:

https://www.patreon.com/libresign

Talvez seja até bom remover o Patreon para focarmos no GitHub Sponsors. O que acha @DaianeAlvesRJ ?

Render the products and services options on screen

Tasks

• Read the markdown in content/pages/Products-and-Services.md
• Render sections on screen using v-for
• In the product section if click on the button Saiba mais redirect to route /products-and-services/products
• In the services section if click on the button Saiba mais redirect to route /products-and-services/services
• Unit Test with Jest
• Integrated Test with Jest

Prototype

Desktop

Mobile

Estimated: 4h

It should contain an unordered list of links to pages, the logo of the Cooperativa and the Copyright.

Links to list

• Home
• About LibreCode
• Products and services
• Blog
• Events
• Support
• Contact

Tasks

• Should Read the content inside content/footer.md
• List the links
• Soon
• Copyright
• List the links
• Soon
• Copyright
• Unit test with jest

Prototype

Desktop

Mobile

Estimated: 1h

https://www.opengraph.xyz/url/https%3A%2F%2Flibrecode.coop%2Fjobs

Now is:

assets/images/coop.png

Need to be:

assets/images/logo/logo.png

I also forgot to add og_image here:

https://github.com/LibreCodeCoop/site/blob/main/source/jobs/index.blade.php#L1

To replace this:

https://github.com/LibreCodeCoop/site/blob/main/source/_layouts/main.blade.php#L8

Will be necessary add a code like this:

@extends('_layouts.main', ['og_image' => .... here the path of photo])

to-do

• fix default og:image
• fix the og:image of jobs page

It should be part of the website. With /blog route, you should list posts from LibreCode account on dev.to
List all posts in two columns. The post listing must contain:

• Image (Optional)

• Title

• Created_at Post

• Description

• Keep Reading button, to link a post content

  LibreCode account: https://dev.to/librecodecoop

Tasks

• Header
• Get posts in LibreCode account on dev.to
• Create two-column to post listing
• The post listed should display Image, Title, created_at, descrition, action to keep reading.
• Implement IntersectionObserver Api for infinite scroll of posts
• Unit Test With Jest

Prototype

Desktop

Mobile

Estimated: 40h

It should be possible to search within the current page, or across the entire website.

Tasks

• Search bar component
  • Option to select where to search
    • Current page
    • Every website

Prototype

Estimated: 3h

Display a list of available jobs

Jobs are posted in a public repository on github.
Repo: https://github.com/LibreCodeCoop/jobs
https://docs.github.com/en/rest/reference/git#get-a-blob
https://docs.github.com/en/rest/reference/git?query=tree#get-a-tree

Tasks

• Header
• Use SSG with revalidate
• Use the Github Api to get list of avaiable jobs
• Render this list on the screen
• Unit Test with jest.

Prototype

Desktop

Mobile

Estimated: 10h

O link para a página do tema não está com target blank

A URL não aponta para a raiz do site, se acessar a página https://librecode.coop/jobs/ por exemplo, ao clicar na logo, não volta para a home do site.

https://github.com/LibreCodeCoop/site/blob/main/source/_layouts/header.blade.php#L4

Precisa ser:

https://github.com/LibreSign/site/blob/main/source/_layouts/header.blade.php#L6

Should be receive props.

Interface to prop

interface PropButton {
  text: String
  route: String
  type: String
}

We have 3 layout for this button, use class to modified.
Receive as prop the type to display layout.

Tasks

• Type of the Button
  • Receive as prop the type
  • Change the class by modifie layout
• Show text
• Link for page
• Unit test with jest

Prototype

Estimated: 4h

Import the posted article from dev.to, display it on screen, create a box to display recent posts, categories and tags on the side of the article. Customize the info about the author of the post. Import comments from devto.

https://developers.forem.com/api

Tasks

• Header
• Get post in LibreCode account on dev.to
• Render post
• Create sidebar to render recents posts title, tags, categories
• customize author bio
• ender coments
• anchor to previous or next post
• Unit Test With Jest

Prototype

Desktop

Mobile

Estimated: 30h

Display a part of who we are, where it will be explained about free software, the pillars of the free license and an anchor to direct where you have more information about free software

Tasks

• Header
• Render content from content/pages/About-Us/software-livre.md
• Unit Test with jest

Prototype

Desktop

Mobile

Estimated: 5h

Display the services provided by the cooperative and/or links to take you to where to get more information.

Tasks

• Header
• Render content from content/products-and-services/services.json
• Unit test with jest

Prototype

Desktop

Mobile

Estimated: 20h

Show a job description, and form to submit a vacation.

Jobs are posted in a public repository on github.
Repo: https://github.com/LibreCodeCoop/jobs
https://docs.github.com/en/rest/reference/git#get-a-blob
https://docs.github.com/en/rest/reference/git?query=tree#get-a-tree

Tasks

• Header
• Use SSG with revalidate
• Consume github api to get job desctiption
• Render on screen
• Unit Test With Jest

Prototype

Desktop

Mobile

Estimated: 10h

Display a part of who we are, where a part about cooperativism is explained, the principles and an anchor to take you to where to get more information about cooperativism

Tasks

• Header
• Render content of content/pages/About-Us/cooperativismo.md
• Unit Test with jest.

Prototype

Desktop

Mobile

Estimated: 5h

Page where you should display all our products along with links to take to your landing pages.

Tasks

• Header
• Render content of content/products-and-services/products.json
• Unit test with jest

Prototype

Desktop

Mobile

Estimated: 20H

Should be load the components Header and Footer and the routing to the page to be displayed.

Tasks

• Create default template
  • Add Header Component
  • Add Footer Component
• Integration test with Jest

Estimated: 1h

Move the content of the pages

Migrate content to the new structure. Create content migration history. Origin Page -> Destination Page

Structure folder

- content
  - page
    - content-1.md
    - content-2.md
    - content-3.md
  - blog
    - posts
      - post-1.md
      - post-2.md
      - post-3.md

Content structure to Front Matter

---
title: Who we are
description: We are LibreCode
img: librecode-image.png
alt: This is LibreCode
---

Your content can be written here using markdown.

• Structuring of content folders
• Migrate Content
• Change content structure to Front Matter
• Change the README.md of the content folder containing instructions on how to change the content in markdown

Estimated: 15h

Develop our cooperados page, you should read the JSON at @/Content/about-us/nossos-cooperados.json. You must have an unordered list that contains the cards of our members, who have, image, name, position and email.

It must have in the data structure, an option, UseGravatarApi for get Avatar using Gravatar.
If true, execute a request passing email to Gravatar.

Tasks

• Read the Json file in @/content/about-us/nossos-cooperados.json
• Create Structure
• If UseGravatarApi return true, execute function to get avatar.
• Component MemberCard
• Render page
  • Header
  • Description
  • Members
• Create responsive

Prototype

Desktop

Mobile

This page will be divided into sections, it should consume the markdown content and display each section on screen.

It will have a button linking to a page. if mentioned in the markdown

Tasks

• Read the markdown in content/pages/About-Us/index.md
• Render sections on screen using v-for
• Unit test with Jest
• Integration Test with Jest

Prototype

Desktop

Mobile

Estimated: 5h