Giter VIP home page Giter VIP logo

-transparente-log-in-page's Introduction

TransParente⚧️

Nosso propósito é criar um hub informativo seguro, onde as pessoas trans possam encontrar informações confiáveis. Para alcançar isso, dedicamos nossa equipe à curadoria cuidadosa, dissipando qualquer confusão que possa cercar nossos direitos e apresentando essas informações de forma transparente e acessível.

Iniciando Projeto TransParente

  npm install  

Eu usei tambem a extenção Live Sever no VScode para a produção.

Tecnologias que usei ⚙️

JS Icon HTML Icon CSS Icon Jest Icon Glitch Icon
  • JavaScript
  • HTML
  • CSS
  • Jest
  • Glitch
*Um adendo para quem não souber o que Glitch é uma Rest Api que usei para conseguir criar classes sem perder na memoria e fazer uma aplicação melhor do que seria um site!
*Aqui esplica um pouco de como usar: juliangaramendy✨✨✨

Como está mais ou menos meu db.json

  {
  "posts": [
    {
      "id": 1,
      "authorId": 1,
      "authorName": "Jonas Maria",
      "authorPic": "https://yt3.ggpht.com/-4vtbeqanrhihlYb3E8h08XT_yTIDm1s4MJ-bRTcclBzHnqehmQ1ZVU5PNbwfzW4gyfgx-CDSg=s900-c-k-c0x00ffffff-no-rj",
      "title": "Tudo Sobre Matrix Como Alegoria Trans",
      "intro": "Em 2020, Lilly Wachowski, no clube de filmes da Netflix, diz que Matrix é uma alegoria trans. Nesse vídeo, então, farei uma análise do filme buscando identificar possíveis paralelos e simbolismos que possam remeter à questão trans.",
      "thumbnail": "https://i3.ytimg.com/vi/u-5w4Df6Xk4/maxresdefault.jpg"
    },{...}
  ],
  "authors": [
    {
      "id": 1,
      "name": "Jonas Maria",
      "pic": "https://yt3.ggpht.com/-4vtbeqanrhihlYb3E8h08XT_yTIDm1s4MJ-bRTcclBzHnqehmQ1ZVU5PNbwfzW4gyfgx-CDSg=s900-c-k-c0x00ffffff-no-rj"
    },
    {
      "id": 2,
      "name": "Bryanna Nasck",
      "pic": "https://criadoresid.com/wp-content/uploads/2021/12/IMG_4357-2.jpg"
    },
    {...}
  ],
  "accounts": [
    {
      "name": "Ellie Yuka Konuma",
      "email": "[email protected]",
      "password": "123",
      "author": true,
      "authorId": 7,
      "id": 1
    },
    {...}
  ]
}

Explicação do que fiz👩‍💻

Eu fiz para esse projeto uma pagina de Log in e Sing up para se cadastrar no site e assim ter atualizações pelo e mail e talvez tambem virar um Author!

gif apresentation page

Eu usei 3 classes

    Account Author Post

A classe Account é meio que é a mãe por englobar as outras duas e sevir meio que de controller
E por ter mais controller da API como GET, PUT e POST.

class Account

Accont code AccontMethods code

class Author

Author code

class Post

Post code

links para ver os sites ^o^

transparente-login-singup transparente

-transparente-log-in-page's People

Contributors

elliekonuma avatar

Watchers

 avatar

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.