Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/diego64/desafio-03-rn-ignite-2022
Marketspace é um aplicativo para cadastrar produtos para seus usuários poderem vender
https://github.com/diego64/desafio-03-rn-ignite-2022
Last synced: 7 days ago
JSON representation
Marketspace é um aplicativo para cadastrar produtos para seus usuários poderem vender
- Host: GitHub
- URL: https://github.com/diego64/desafio-03-rn-ignite-2022
- Owner: diego64
- License: mit
- Created: 2024-01-01T17:01:06.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-01-05T23:33:22.000Z (about 1 year ago)
- Last Synced: 2024-11-08T08:11:52.546Z (about 2 months ago)
- Language: TypeScript
- Homepage:
- Size: 371 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
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](https://www.figma.com/file/81TRIMvQ0qhaEXyIC1f8YP/Marketspace-%E2%80%A2-Desafio-React-Native-(Copy)?type=design&mode=design)
## Estrutua das pastas
```plainText
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
```bash
git clone https://github.com/diego64/desafio-03-RN-IGNITE-2022.git
```
### Back-end
Entre na pasta do server
```bash
cd marketspace-desafio-03-RN-IGNITE-2022/server
```
Instale as dependencias
```bash
npm install
```
Start the server
```bash
npm run dev
```
### Mobile
Enter the project directory
```bash
cd marketspace-desafio-03-RN-IGNITE-2022mobile
```
Instale as dependencias
```bash
npm install
```
Verifique os aquivo "src/services/api.ts" e coloque o endereço IP do seu computador
Start the server
```bash
npm run start
```
## 🌎 License
This project is under the MIT license. See the [LICENSE](https://github.com/diego64/desafio-03-RN-IGNITE-2022/blob/main/LICENSE) file for more details.