Git Product home page Git Product logo

happy's Introduction

happy

Tecnologias   |    Projeto   |    Modificações   |    Licença

PRs welcome! License

Netlify Status

🔗 Links

💻 Projeto

O Happy é uma plataforma desenvolvida durante a Next Level Week #3 da Rocketseat que tem o intuito de conectar pessoas com orfanatos próximos :)

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

⚙️ Modificações

📌 >> Implementação da parte de cadastro do número do orfanato (criação da coluna whatsapp no banco de dados) e integração com o whatsapp tanto da versão web quanto da versão mobile

  • web:
<div className="input-block">
    <label htmlFor="whatsapp">
        Número do Whatsapp
        <span>Não é necessário adicionar zero à frente do número</span>
    </label>
    <input
      id="whatsapp"
      placeholder="557599988XXXX"
      value={whatsapp}
      onChange={(e) => {
         if (e.target.value.length > 13) return;
         setWhatsapp(whatsappNumberMask(e.target.value));
       }}
     />
</div>

export default function whatsappNumberMask(number: string): string {
  return number.replace(/\D/g, '');
}
  • mobile
<Text style={styles.label}>Whatsapp</Text>
<TextInput
   style={styles.input}
   placeholder="557599988XXXX"
   keyboardType="numeric"
   maxLength={13}
   value={data.whatsapp}
   onChangeText={(text) => {
      setData({ ...data, whatsapp: text})
   }}
/>

📌 >> Implementação da autentificação do usuário (login e senha) e criação da tela para redefiniar a senha:

Telas Login

📌 >> Implementação da validação de imagens (formato, tipo, tamanho) pela API utilizando o multer ☑️

fileFilter: (req, file, cb) => {
    if (!file.originalname.match(/\.(jpg|jpeg|png)$/)) {
      return cb(
        new multer.MulterError(
          'LIMIT_UNEXPECTED_FILE',
          'Os arquivos enviados precisam ser do formato png ou jpg',
        ),
      );
    }

    return cb(null, true);
  },

  limits: {
    fileSize: 1024 * 1024,
  },

📌 >> Utilização do banco de dados postgresql 🐘

{
  "type": "postgres",
  "host": "localhost",
  "port": 0000,
  "username": "username",
  "password": "password",
  "database": "database",
  "migrations": [
    "./src/database/migrations/*.ts"
  ],
  "entities": [
    "./src/models/*.ts"
  ],
  "cli": {
    "migrationsDir": "./src/database/migrations"
  }
}

📌 >> Substituição dos botões para um interruptor (switch)

Switch

📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.


happy's People

Contributors

almerindopaixao avatar

Watchers

 avatar  avatar

Forkers

ertprs

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.