Giter Site home page Giter Site logo

desafio-03-rn-ignite-2022's Introduction

Project Marketspace Logo

Marketspace

Nesse desafio o objetivo é aplicar conceitos como, Estados, Context API, Consumo de API, Manipulação de imagens, Formulários e Navegação. O aplicativo tem como alvo final ser uma aplicação de anuncio de produtos com o objetivo de vender o mesmo. Os pricipais objetivos do desafio é a inserir as seguintes funcionalidades:

  • Login e cadastro de usuários
  • Gerenciamento de produtos
  • Listagem de produtos com busca e filtros
  • Envio de múltiplas imagens

Tecnologias

  • React Native
  • Expo
  • TypeScript
  • NativeBase
  • React Navigation - Native Stack and Bottom Tabs
  • Axios
  • Expo ImagePicker
  • React Hook Form
  • Yup
  • AsyncStorage
  • Phosphor Icons
  • React Native Modalize
  • React Native Portalize
  • React Native Reanimated Carousel

Layout

Caso queira dá uma olhada no layout, Figma

Estrutua das pastas

mobile
.
├── assets                      # Images for expo
├── src                         # Source files
│   ├── @types                  # Contains all global definitions of types and interfaces
│   ├── assets                  # Contains Js bundles assets. e.g: icons, splash, images etc...
│   ├── components              # Contains all global react components
│   ├── contexts                # All contexts
│   ├── dtos                    # Models Data Base
│   ├── hooks                   # Application hooks
│   ├── routes                  # Contains application routes
│   ├── screens                 # Contains application screens
│   ├── services                # Config service api
│   ├── storage                 # Contains saving data in locations.
│   ├── theme                   # Contains the theme of the application
│   ├── utils                   # Class utils for system
.
.
├── App                         # Bundle entry
.

🚀 Running the Project

Clone the project

  git clone https://github.com/diego64/desafio-03-RN-IGNITE-2022.git

Back-end

Entre na pasta do server

  cd marketspace-desafio-03-RN-IGNITE-2022/server

Instale as dependencias

  npm install

Start the server

  npm run dev

Mobile

Enter the project directory

  cd marketspace-desafio-03-RN-IGNITE-2022mobile

Instale as dependencias

  npm install

Verifique os aquivo "src/services/api.ts" e coloque o endereço IP do seu computador

Start the server

  npm run start

🌎 License

This project is under the MIT license. See the LICENSE file for more details.

desafio-03-rn-ignite-2022's People

Contributors

diego64 avatar

Watchers

 avatar

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.