gabrielbarth/fastfeet-web

Web (ReactJS) project to manage deliveries (administrators).

FastFeet Web

📱 Mobile version here
💾 Backend version here

Mobile aplication that allows delivery management for administrators. It was developed for GoStack10 bootcamp final challange.

🇧🇷
Aplicativo para permitir gestão de encomendas por administradores. Desenvolvido durante o desafio final do bootcamp GoStack10.

🔎 Overview

This application allows:

• List, create, update and remove deliveries and its problems (when registered), deliverymen and recipients;
• Cancel a delivery (through its problem);
• Check delivery status: WITHDRAWAL, FINISH and CANCELED;
• See delivery details, including recipient signature (when FINISHED).

🚀 See about this challange here

💻 Interfaces view

🔗 Project dependencies

✔️ @react-navigation/native (v5) // routing and navigation for your React Native apps
✔️ unform/web // rocketseat ::heart:: library that helps you creating beautiful forms
✔️ axios // promise based HTTP client for the browser and node.js
✔️ date-fns // library to handle with date
✔️ history // manage session history anywhere JavaScript runs
✔️ styled-components // allows to write actual CSS code to style components
✔️ redux // allows manage app global state
✔️ redux-saga // allows manage app global state using middlewares (each other things)
✔️ redux-persist // Persist and rehydrate a redux store.
✔️ reactotron-react-native // desktop app for inspecting informations through the app
✔️ prop-types // used to document the intended types of properties passed to components
✔️ immer // allows create the next immutable state by mutating the current one
✔️ polished // a lightweight toolset for writing styles in JavaScript
✔️ react-native-simple-toast // a simple toast for react-native
✔️ react-native-camera // allows using camera for react-native
✔️ react-icons // icons for react-native
✔️ yup // JavaScript schema builder for value parsing and validation
✔️ react-select // flexible and beautiful Select Input control for ReactJS
✔️ react-toastify // allows adding notifications to your app with ease

Development dependencies:

✔️ eslint // allows find and fix problems in your JavaScript code
✔️ prettier // code formatter, makes code prettier

💻 Getting Started - Running on your machine

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

☑️ Prerequisites

Check the backend repository and follow the steps to run this project as well.

🛠️ Installing

Now follow the bellow steps to run project on your machine:

1. Clone this repo using git clone https://github.com/gabrielbarth/fastfeet-web.git.
2. Move to the appropriate directory: cd fastfeet-web.
3. Run yarn to install dependencies.
4. Now consider running the follow commands to ports redirect: adb reverse tcp:9090 tcp:9090 (for using reactotron) and adb reverse tcp:3333 tcp:3333
5. Remember running backend project and databases on docker; 6. Run yarn start to run the app on your browser http://localhost:3000/.

💡 🤝 Contributing

Please feel free to contributing and submitting pull requests.

🙏 Acknowledgments

• Rocketseat team
• Rocketseat community

🤔 Any question?

Contact me on my social medias:
LinkedIn
Instagram
YouTube
Discord (gabrielbarth1#0492)
Or send me an email 📨: [email protected].

Made with ♥ by Gabriel Barth