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
- ๐ฅ Implementation Video
- ๐จ Layout
- ๐ก Technologies Used
- ๐ Folder Structure
- ๐ Running the Project
- ๐ License
- โ Author
Project.MarketSpace.mp4
Layout developed by Millena Martins
- 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
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
.
Clone the project
git clone https://github.com/VagnerNerves/marketspace-ignitern.git
Enter the project directory
cd marketspace-ignitern/server
Install with dependencies
npm install
Start the server
npm run dev
Enter the project directory
cd marketspace-ignitern/mobile
Install with dependencies
npm install
Check in the file "src/services/api.ts" to insert your IP address.
Start the server
npm run start
This project is under the MIT license. See the LICENSE file for more details.
Made with love and hate ๐ , get in touch!