douxsalemk/instagram-fullStack

Full Stack Instagram with NodeJS, ReactJS and React Native.

Full Stack Instagram Clone
Node.js | ReactJS | React Native

Technologies   |    Prerequisites   |    How To Use   |    License

🚀 Technologies

This project was developed at the RocketSeat OmniStack Week 7 with the following technologies:

• Node.js
• Express
• nodemon
• MongoDB
• Mongoose
• Multer
• Socket.io
• ReactJS
• React Router v4
• styled-components
• axios
• React Native
• React Navigation
• React Native Gesture Handler
• react-native-image-picker
• react-native-auto-height-image
• VS Code with EditorConfig and ESLint

⚠️ Prerequisites

In order to use and test the mobile app on a simulator or on your smartphone, you should've already setup the development environment for React Native applications. You can follow the following article (PT-BR) to setup your environment:

React Native Environment (Android/iOS)

ℹ️ How To Use

To clone and run this application, you'll need Git, Node.js v10.16 or higher + Yarn v1.13 or higher installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/lukemorales/instagram-fullStack

# Go into the repository
$ cd instagram-fullStack

# Go into backend
$ cd backend

# Install dependencies
$ yarn install

# Start the backend server
$ yarn dev

# On another terminal, go to the frontend folder
$ cd ../frontend

# Install dependencies
$ yarn install

# Start the backend server
$ yarn start

# On another terminal, go to the mobile folder
$ cd ../mobile

# Install dependencies
$ yarn install

# If you want to run the project on a simulador, start the react-native server as it is
$ react-native start

# On another terminal, install the app on your simulator
# Use the command below for iOS devices
$ react-native run-ios --simulator="iPhone XS Max"

# Use the command below for Android devices
$ react-native run-android

# If you want to run the project on your smartphone, change the baseURL on src/services/api.js to your machine's ethernet adapter IP. Use the ethernet adapter IP if you're on a cable connection or the WiFi adapter IP if you're on a wireless conecction.
# After changing the baseURL, start the react-native server
$ react-native start

# On another terminal, install the app on your smartphone
# Use the command below for iOS devices
$ react-native run-ios

# Use the command below for Android devices
$ react-native run-android

📝 License

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

---

Made with ♥ by Luke Morales 👋 Get in touch!