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.

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
• 🎥 Implementation Video
• 🎨 Layout
• 💡 Technologies Used
  • Mobile
• 📂 Folder Structure
• 🚀 Running the Project
  • Back-end
  • Mobile
• 🌎 License
• ✒ Author

🎥 Implementation Video

Project.MarketSpace.mp4

🎨 Layout

Layout developed by Millena Martins

💡 Technologies Used

Mobile

• 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

📂 Folder Structure

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/VagnerNerves/marketspace-ignitern.git

Back-end

Enter the project directory

  cd marketspace-ignitern/server

Install with dependencies

  npm install

Start the server

  npm run dev

Mobile

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

🌎 License

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

✒ Author

Vagner Nerves

Made with love and hate 😅, get in touch!