EcoShare is a social media platform designed to inspire and motivate individuals to take action toward a more sustainable future. Our goal is to create a community of environmentally-conscious users who share their eco-friendly actions, collaborate on green initiatives, and raise awareness about climate change.
- Eco-Friendly Actions Feed: Share your sustainable actions like recycling, reducing waste, using renewable energy, and planting trees.
- User Authentication: Secure login and registration system to store user log-ins.
- Photo Upload Support: Attach images to each eco-action post to showcase initiative visually.
- Post Eco-Friendly Actions: Users can post descriptions of their eco-friendly actions along with photos.
- Labelled Posts: Posts show the user which uploaded them.
To get started, create an account and connect with other like-minded individuals who are passionate about sustainability. Start by sharing your eco-friendly habits, like switching to reusable products or reducing your energy consumption.
- Like and Comment: Show support for others' actions by liking or commenting on their posts.
- Follow Users: Follow users whose actions and ideas resonate with you. Stay updated on their latest posts and activities.
- Direct Messaging: Start conversations with other environmentally-conscious users to share experiences, exchange eco-friendly tips, and discuss projects.
- Group Discussions: Join group chats focused on specific topics like sustainable living, renewable energy, or local environmental initiatives.
To install you must either go to the expo-snack link: https://snack.expo.dev/@jummyjoejackson/ecoshare or do the following!
Ensure you have the following installed on your system:
- Node.js (Recommended: Latest LTS version)
Download Node.js - npm or yarn (Comes with Node.js)
- React Native CLI (if using React Native CLI instead of Expo)
npm install -g react-native-cli
- Android Studio (for Android emulator):
Install Android Studio and set up the Android SDK. - Xcode (for iOS development, Mac only):
Install Xcode from the Mac App Store and set up Command Line Tools.
If you're starting a fresh project:
npx react-native init YourProjectNameIf you’re using Expo:
npx create-expo-app YourProjectNamecd YourProjectNameInstall dependencies for React Native and your project:
npm installFor example, if you’re using @react-native-async-storage/async-storage and expo-image-picker:
npm install @react-native-async-storage/async-storage
npm install expo-image-pickerUpdate app.json (for Expo):
{
"expo": {
"permissions": [
"CAMERA",
"CAMERA_ROLL"
]
}
}Start the Expo server:
npx expo start- Scan the QR code using the Expo Go app on your mobile device.
npx react-native run-iosStart an Android emulator or connect an Android device, then run:
npx react-native run-androidTo clear all data in AsyncStorage, use the following code snippet:
import AsyncStorage from '@react-native-async-storage/async-storage';
const clearAsyncStorage = async () => {
try {
await AsyncStorage.clear();
console.log('AsyncStorage cleared successfully.');
} catch (error) {
console.error('Error clearing AsyncStorage:', error);
}
};
clearAsyncStorage();