A cutting-edge social media client, built with React Native and TypeScript.
Mention is an innovative social media client designed to connect users and facilitate engaging conversations. With a focus on modern technologies, seamless user experience, and community-driven development, Mention aims to redefine social interactions online.
Join us in shaping the future of social media!
Mention is not just another social media app; it's a dynamically evolving project built with the latest technologies to provide a rich, engaging, and user-friendly experience. Here’s what makes Mention stand out:
Our goal is to create a modern, scalable, and accessible social media client that fosters genuine connections and engaging interactions. Mention is designed to provide users with a platform that’s more intuitive, inclusive, and enjoyable.
- Engaging Interactions: Facilitate likes, comments, reposts, and more.
- User Profiles: Personalize your profile, share your story, and connect with others.
- Explore: Discover new content, trending topics, and interesting users.
- Notifications: Stay updated with the latest activities and interactions.
- Direct Messaging: Connect with friends and other users via private messaging.
- Customizable Settings: Tailor your experience with account, display, and notification settings.
- Bookmarks: Save your favorite posts.
- Lists: Create, share, and follow lists.
- React Native: For building cross-platform mobile applications with a single codebase.
- TypeScript: Adding static typing to our codebase, ensuring robustness and maintainability.
- Expo: Accelerating the development process with its set of tools and services.
- File-Based Routing: Simplified navigation management using the directory structure.
- React Navigation: Handling navigation between different screens and components.
- Redux Toolkit: Managing application state effectively.
- Vercel: Deployment and hosting for the web version.
- Sonner: Displaying toasts and notifications.
- Node.js and npm installed on your machine.
- Expo CLI (
npm install -g expo-cli) - A code editor (like VS Code).
- An Android or iOS device/emulator for testing.
- Clone the repository:
-
Install dependencies
npm install
-
Start the app
npx expo start
In the output, you'll find options to open the app in a
- development build
- Android emulator
- iOS simulator
- Expo Go, a limited sandbox for trying out app development with Expo
You can start developing by editing the files inside the app directory. This project uses file-based routing.
We welcome contributions from everyone! If you're interested in contributing to Mention, please take a look at our contribution guidelines.
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Commit your changes with descriptive commit messages.
- Push your changes to your forked repository.
- Submit a pull request to the main repository.
When you're ready, run:
npm run reset-projectThis command will move the starter code to the app-example directory and create a blank app directory where you can start developing.
To learn more about developing your project with Expo, look at the following resources:
- Expo documentation: Learn fundamentals, or go into advanced topics with our guides.
- Learn Expo tutorial: Follow a step-by-step tutorial where you'll create a project that runs on Android, iOS, and the web.
Join our community of developers creating universal apps.
- Expo on GitHub: View our open source platform and contribute.
- Discord community: Chat with Expo users and ask questions.