/flamengo-2019-frontend

Repositório para o Front-End do projeto "Sexto Andar" de Projeto de Software

Primary LanguageTypeScriptMIT LicenseMIT

Flamengo-2019-frontend - React Ts

Contributors:

Project Structure

Folder Structure:

src
├── assets
│   ├── images
│   └── icons
├── components
├── context
├── middlewares
├── pages
├── routes
├── services
├── store
  ├── actions
  ├── constants
  ├── reducers
├── types
├── util

Descriptions:

  • assets: Used to store lightweight images (for heavy images, prefer using a CDN), icons, etc.
  • components: Reusable components of the application. These are units for your application, like buttons, modals, etc.
  • context: Maintains all the contexts of the application.
  • middlewares:
  • pages: The pages are what the user will see and where the components will be sumarized
  • services: Contains the configurations for HTTP clients and connections for API's.
  • store: Holds the definitions for state managers, context API, zustand, redux.
  • types: Stores TypeScript typings (types and interfaces) that are common across various parts of the project.
  • utils: Utility functions such as formatCurrency, formatPhone, convertTimezone, parsePhone, etc. (pure JavaScript).

Progress

Basic Features:

  • Setup with all the folders (organized)
  • Implement Routes General
  • Implement Routes User (Authentication: login/register)
  • Basic Page Login
  • Connect to Zambom's API
  • Save the token in local storage
  • Implement React Redux
  • Implement: get data from Zambom's API and save in React Redux
  • Add Persistance in react redux
  • Add Middleware unathorized
  • Connect to Palmeiras's API (our backend)
  • Basic Page Rentals (main(list of all))
  • Basic Page Rentals (main(list of all)) - with filters
  • Refresh Token (implementation)
  • Implement Routes Rentals (main(list of all)/new)
  • Basic Page New Rental (creation of a rental)

Extra Features:

  • Add Header
  • Validation in forms
  • Make tests
  • Logout
  • Filter of data
  • "More Details" of each rental
  • Update a rental
  • Delete a rental