https://github.com/vagnernerves/marketspace-ignitern
Developed the Marketspace project in React Native, it is a marketplace application that allows users to log in, list items for sale, and search for products to buy.
https://github.com/vagnernerves/marketspace-ignitern
async-storage axios expo expo-image-picker nativebase phosphor-react-native react-hook-form react-native react-native-modalize react-native-portalize react-native-reanimated-carousel react-navigation typescript yup
Last synced: 25 days ago
JSON representation
Developed the Marketspace project in React Native, it is a marketplace application that allows users to log in, list items for sale, and search for products to buy.
- Host: GitHub
- URL: https://github.com/vagnernerves/marketspace-ignitern
- Owner: VagnerNerves
- License: mit
- Created: 2023-07-04T00:54:28.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-10-02T19:03:30.000Z (over 2 years ago)
- Last Synced: 2025-01-14T03:10:31.156Z (over 1 year ago)
- Topics: async-storage, axios, expo, expo-image-picker, nativebase, phosphor-react-native, react-hook-form, react-native, react-native-modalize, react-native-portalize, react-native-reanimated-carousel, react-navigation, typescript, yup
- Language: TypeScript
- Homepage:
- Size: 6.58 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Project Marketspace
Developed the Marketspace project in React Native, it is a marketplace application that allows users to log in, list items for sale, and search for products to buy.
One of the essential features of this application is the ability to contact the seller directly through WhatsApp to complete the purchase, streamlining communication between buyers and sellers.
Users can also manage their listings, editing information as needed, such as details or prices, and disabling listings when products are sold. This keeps the platform up to date and free from unavailable listings.
## 🧠Table of contents
- [🧠Table of contents](#-table-of-contents)
- [🎥 Implementation Video](#-implementation-video)
- [🎨 Layout](#-layout)
- [💡 Technologies Used](#-technologies-used)
- [Mobile](#mobile)
- [📂 Folder Structure](#-folder-structure)
- [🚀 Running the Project](#-running-the-project)
- [Back-end](#back-end)
- [Mobile](#mobile-1)
- [🌎 License](#-license)
- [✒ Author](#-author)
## 🎥 Implementation Video
https://github.com/VagnerNerves/marketspace-ignitern/assets/40831841/1340dd49-3d05-4e53-8b78-271c4814f901
## 🎨 Layout
Layout developed by [Millena Martins](https://www.linkedin.com/in/millenakmartins/)
[](https://www.figma.com/file/lgkr7KSuMWjHQfUqxoRphC/Marketspace-%E2%80%A2-Desafio-React-Native-Vagner-Nerves?type=design&node-id=1798%3A1823&mode=design&t=vou75Z8xqp9Qaely-1)
## 💡 Technologies Used
### Mobile
- [x] [React Native](https://reactnative.dev/)
- [x] [Expo](https://docs.expo.dev/)
- [x] [TypeScript](https://www.typescriptlang.org/)
- [x] [NativeBase](https://nativebase.io/)
- [x] [React Navigation - Native Stack and Bottom Tabs](https://reactnavigation.org/)
- [x] [Axios](https://axios-http.com/ptbr/)
- [x] [Expo ImagePicker](https://docs.expo.dev/versions/latest/sdk/imagepicker/)
- [x] [React Hook Form](https://react-hook-form.com/)
- [x] [Yup](https://github.com/jquense/yup)
- [x] [AsyncStorage](https://docs.expo.dev/versions/latest/sdk/async-storage/)
- [x] [Phosphor Icons](https://phosphoricons.com/)
- [x] [React Native Modalize](https://github.com/jeremybarbet/react-native-modalize)
- [x] [React Native Portalize](https://github.com/jeremybarbet/react-native-portalize)
- [x] [React Native Reanimated Carousel](https://github.com/dohooo/react-native-reanimated-carousel)
## 📂 Folder Structure
```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/VagnerNerves/marketspace-ignitern.git
```
### Back-end
Enter the project directory
```bash
cd marketspace-ignitern/server
```
Install with dependencies
```bash
npm install
```
Start the server
```bash
npm run dev
```
### Mobile
Enter the project directory
```bash
cd marketspace-ignitern/mobile
```
Install with dependencies
```bash
npm install
```
Check in the file "src/services/api.ts" to insert your IP address.
Start the server
```bash
npm run start
```
## 🌎 License
This project is under the MIT license. See the [LICENSE](https://github.com/VagnerNerves/marketspace-ignitern/blob/main/LICENSE) file for more details.
## ✒ Author
Vagner Nerves
Made with love and hate 😅, get in touch!
[](https://www.linkedin.com/in/vagnernervessantos/)
[](mailto:vagnernervessantos@gmail.com)
[](https://github.com/VagnerNerves)