mthais / resumeweb

Leave your resume with a modern layout and professional

Hi there 👋

resumeweb's Issues

Setup codacity

Setup Codacity rules

Dashboard Page

Description

The goal of this issue is to create a dashboard page to the user, the Dashboard Page will have the following options:

• Links to others page on the top of the page;
• Two buttons on the top of the page, the first is "Planos"(To direct the user to Plan page) and the second is "Perfil "(This button have the following option: Conta, Contato, FAQ and Sair);
• A Card that will show news about the platform;
• A Button that allows the user create a new resume;
• Some options for the user to manage their resume are these buttons: Download, Editar,
  Duplicar, Renomear, Enviar por Email, Download TXT e Deletar);

Why

The users need to have a space to see their resume that was created and manage it.

Level

Medium

Current behavior

The user doesn't have one space to see the resume that he created.

Expected behavior

When the user creates a resume, the system should show their resume on a dashboard page so that the user could manage it.

Screenshot attached

Dashboard Page

How to solve this issue

• Define the logged-in route to direct the user for Dashboard Page;
• Create the frontend following the layout above to prepare all frontend to receive the backend that will be necessary;
• You don't need to think about the resume as a whole, you just need to create a component to receive the image in the future;

How to reproduce the user scenario

• Run the project locally;
• Access the login page;
• Insert your email and password;
• Click on the button "Entrar";
• The system should authenticate the user and redirect you to the Dashboard Page;

What you will need to complete this issue

N/A

Tips

• Please, use the Reactstrap existent elements;
• You will find the icons to use in this task on the following website: https://fontawesome.com/icons?d=gallery

Create an infrastructure to deploy in different envs

Description

It's necessary to create a infra to do a test deploy on Heroku before the pull request.

Level

Medium

Create Login/Register page

Description

To continue the project, I how PO need that you create a user login and a user register with basic data(email and password) with options (linkedin).
This funcionality will allow the user to have access on the application in the future.
For better performance these fields should have some validations such as:
The field "Nome" should have 20 characteres;
The field "Email" should have all validations about email;
The field "Senha" should have some validations such as 1 special character, 1 capital letter, 2 numbers and 4 lower case;
The field checkbox " Para Cadastrar..." is requiered;

Why

To control all users access on application.

Level

Medium

Screenshot attached

This is a user login page prototype:

This is a user register page prototype:

How to reproduze the user scenario

Step 1:
- Open the landing page;
- Click on the button "Cadastrar" at landing page;
- The system will show the register page;

Step 2:
- Open the landing page;
- Click on the button "Entrar" at landing page;
- The system will show the login page;

Create functionality for user recover their Password

The system doesn't have the functionality to the user recover their password.

Why

In the case that user forgets or loses their password, the user will lose all the access on the system, because we don't have how to recover this.

Level

Medium

Current behavior

The user inserts their information on the login page, so if they forget or lose their password they don't have more access to the system.

Expected behavior

When the user forgets or lose their password, he should make the following steps:

• The user will click on the button "Esqueceu sua Senha?";
• The system will redirect the user to the screen to recover the password ;
• The user insert their email;
• The system will send an email to him with an option to change their password. This email should have the following content:

" Olá,[nome do usuário]!

Esqueceu sua senha Resumeweb? Não tem problema.
É só você clicar no link abaixo para redefinir sua senha:

Definir nova senha obs: Este Link leva o usuário para a tela de redefinição de senha.

Importante: Sua senha poderá ser redefina somente uma vez utilizando este email, em caso de nova requisição de alteração de senha enviaremos um novo email. "

Screenshot attached

Login Page with the option "Esqueceu sua senha?".

Password Recovery Page.

Redefine Password Page.

How to solve this issue

• Create a frontend for these functionalities, recover password and redefine password;
• Check the email validation on Recover Password Page;
• Check the similarity between passwords on Redefine Password Page;
• Create an option on the login page, below the field "Senha" called "Esqueceu sua senha?";
• Create a functionality to send an email to the user that requested the password recovery service.

How to reproduce the user scenario

• Run the project locally;
• Access the login page;
• Insert your email and password;
• You won't see an option to recover your password if you forget or lose your password;

What is needed to complete

You need to use the pattern library (text font, text color, text size) to implement this task. You can find this information on the index.css archive on the project repository.

Configure Docker on project

Why

Level

Current behavior

Expected behavior

Screenshot attached

How to solve this issue

How to reproduce the user scenario

What you will need to complete this issue

Documentation about how to setup the local env

Description

You will write a documentation about how to set an environment and to not expose API Keys

Why

This is a common issue that the developers face and usually don't know how to solve

Level

Beginner

Useful links

• Follow this Pull Request: https://github.com/mthais/resumeweb/pull/10/files

Configure the login passport and endpoint

The goal of this issue is to set up the passport and endpoint of the login functionality

Why

These settings are needed so that the user can log in in the platform.

Level

Medium

Current behavior

When the user inserts their data on the login page and tries to log in, the system doesn't allow the user to log in.

Expected behavior

When the user inserts their data on the login page it is necessary that the system allows the user to log in and redirect the user to the dashboard page

Screenshot attached

N/A

How to solve this issue

• Configure the passport to use local auth and LinkedIn;
• The login endpoint should return an object containing a user (name, email, id) and token;

How to reproduce the user scenario

• Run the project locally;
• Access the login page;
• Insert your name, email, and password;
• Click on the button "Entrar";
• The system should allow the user to login in the platform;
  OR
• Click on the button "Linkedin";
• The user should be able to log in on the platform using the Linkedin;

What you will need to complete this issue

• Check how the local auth works on the following Gitpay repository. We want to follow the same Gitpay rules.

Startup app setup

How this app work

Resumeweb is an application that allows create a web curriculum with a different and attractive look for companies.
The professional will enter your information in the application and you can get HR consulting from people who specialize in this area, this coach will help the professional find the best way to stand out in the job market. The system will allow the user to choose a creative layout for their resume.

Description

• To Start this project is necessary the configuration of app like as:
• Install node.js and react
• Install database
• Integrate Heroku with github

Requirements to complete this issue

• You should start, in a Github repo, a basic setup with Node.js and React, in the latests versions, and install the dependencies and a basic server, and run a simple server with express on the node side, and react on the front-end, running locally in your machine.
• It should be possible see a Hello World React app
• Docker is a plus. Create a self container configuration

References

You can use the same setup as Gitpay

It should be possible in the end follow the steps on the documentation about how to run the project:
See documentation

Implementar frontend da página de login/cadastro/recuperar senha

A ideia desta issue é implementar todo o frontend das página de login/cadastro/recuperar senha para comunicar com o backend já existente no repositório.

Why

Hoje nós já temos a parte de react e backend implementada é necessário fazer a estrutura de comunicação entre as partes.

Level

Médio

Current behavior

O usuário insere o seus dados na plataforma nas opções de login/cadastro/recuperar senha, e o sistema não permite estas ações.

Expected behavior

Quando o usuário tentar cadastrar/ logar/recuperar senha na plataforma, o sistema irá permitir que o mesmo possa realizar estas ações, assim concluindo o fluxo de funcionamento normal da plataforma.

Screenshot attached

N/A

How to solve this issue

• Criar toda a estrutura redux, actions, routes e demais funcionalidades necessárias para o funcionamento do cadastro/ login/recuperar senha de usuário.
• Criar um endpoint no server e no passport (usar o do gitpay);
• Gravar o token no localStorage;

How to reproduce the user scenario

• Você deverá rodar o projeto local;
• Acessar Páginas de login/register;
• Inserir os dados do usuário e acionar botões de Entrar/Cadastrar/Recuperar senha;
• O sistema não está permitindo que o usuário seja cadastrado, faça login na plataforma e recupere sua senha, pois não temos todo o frontend implementado;

What you will need to complete this issue

Extra requirements to complete the task

Tips

• É necessario utilizar a estrutura já existente do Gitpay para desenvolver está issue.

Create Database for users

Description

We have a frontend with 2 functionalities, the login/register pages. They contain the following fields:

Login page

"Email" this field has an email validation;
"Senha" this field has a cryptography;

Register page

"Nome" this field is limited to 20 characters;
"Email" this field has an email validation;
"Senha" this field has a cryptography;
"Para Cadastrar..." checkbox is required;
It's necessary to create a database structure to receive the information that is inserted by users in these fields.

Screnshoot

Login Page

Register Page

Why

We need to start by creating a database structure to receive all the system. To start this structure, user's data is required.

Level

Medium

Current behavior

First insert the data on the form, then click on the button "Cadastrar"/ "Entrar". The system won't store the information because there isn't any database.

Expected behavior

When the users insert their data, the system will store the data and allow the users to login on the basic page.

How to solve this issue

• Create all structure to database by using Postgre technology to manipulating the users data.
  This functionality should work with local and settings to heroku in production.
  This URL of production will be made with an environment variable.

Configure eslint on project

It's necessary to configure the eslint with auto fix option on this project.

Why

We need to have a code pattern on this project.

Level

Medium

Current behavior

When someone implements some code and gives a PR on this repository, we do not have a code pattern, so, we have many codes without a pattern.

Expected behavior

Configure "eslint" with auto fix resource to solve automatically the pattern of code.

Screenshot attached

some screenshot

How to solve this issue

• Do a fork of this project;
• Run the project locally;
• Implement a configuration "eslint" with auto fix option and configure with the Codacy tool;
• Do a PR in this repository starting of the fork that you did anteriorly with all solution implemented by you;

How to play the user scenario

• steps to reproduce the issue

What you will need to complete this issue

Extra requirements to complete the task

Tips

Please, verify the Gitpay repository, because we have this solution implemented there. Gitpay repository.