/todo-bootcamp

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0

TODO 92

Front End application oriented to SPA

Technologies used

Architecture diagrams

Diagram Diagram

Setup

  1. Clone the repository and install the dependencies
npm install
  1. Start the frontend application locally
npm start

Available commands

  • npm start: Start the app locally in your development environment, by default it will be in http://localhost:3000.

Development flow

Here are the steps of the process you need to follow in order to integrate new code or a new feature into the project:

  1. Create a local branch to get started using git: git checkout -b <your-name>.
  2. Develop the new feature while doing atomic commits to your local branch using git commit.
  3. After you are done, you might want to do a git rebase develop in case new changes were integrated, so your new commits are applied on top of that and you make sure everything still works.
  4. Now you are ready to create a new Pull Request with your changes, but before, push your changes to origin using git push -u origin <your-branch-name>.
  5. Your code should be reviewed, you can update the branch with new changes after you get some feedback.
  6. After the Pull Request is approved, merge it using the UI on Github (you can also remove the branch directly from the same page, which is also convenient). Your code will land to the develop branch (and eventually deployed into the staging environment).

CSS framework

This project implements Bootstrap and Bootstrap icons

Routes

This project is using react-router-dom v4, have a look at Routes.jsx which is the file that defines the routes that are available.

There are several routes to navigate to different pages of the app:

  1. path="/" Home Page
  2. path="/equipe" Equipe Page
  3. path="/novo" Cadastra novo usuário na equipe
  4. path="/equipe/:id" Recupera detalhes de cada usuário
  5. path="*" Trata de páginas inexistentes]

CI/CD

Autodeploy on new push to GitHub

Deployment

Deployed using netlify.com Netlify

Test deployment

The master branch deploys to http://todo92.netlify.com.