Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/tomdieu/trixify

This is the clone of ayoba in React Native , Django and Drf, NextJs
https://github.com/tomdieu/trixify

chats django expo-router next14 react-native reactjs server-actions server-components sockets

Last synced: 21 days ago
JSON representation

This is the clone of ayoba in React Native , Django and Drf, NextJs

Awesome Lists containing this project

README

        

# Trixify

🚀 Welcome to Trixify – a chat application, built with React Native (Expo), Django with Django Rest Framework (Drf), and Next.js!

## Features

- **Cross-Platform Compatibility**: Develop once, deploy anywhere! Our app supports iOS, Android (Expo), and the web (Next.js).
- **Real-Time Messaging**: Enjoy seamless real-time messaging with instant updates and notifications.
- **Secure Communication**: Built with Django and Drf, our backend ensures a secure and robust communication system.
- **Web Version**: Access your chats on the web using the Next.js frontend, providing a consistent experience across devices.

## Tech Stack

- **React Native (Expo)**: A JavaScript framework for building natively-rendered mobile applications with Expo for simplified development.
- **Django with Drf**: A powerful Python-based backend framework for building APIs with ease.
- **Next.js**: A React-based framework for building web applications with server-side rendering and great developer experience.

## Getting Started

1. Clone the repository: `git clone https://github.com/Tomdieu/trixify.git`
2. Navigate to the mobile directory: `cd frontend/android`
3. Install Expo dependencies: `npm install`
4. Run the mobile app: `npm start`

For the web version:

1. Navigate to the web directory: `cd frontend/website`
2. Install dependencies: `npm install`
3. Run the web app: `npm run dev`

For the backend:

1. Navigate to the backend directory: `cd backend`
2. Create a virtual environment: `python -m venv venv`
3. Activate the virtual environment:
- On Windows: `venv\Scripts\activate`
- On macOS/Linux: `source venv/bin/activate`
4. Install requirements: `pip install -r requirements.txt`
5. Run the backend server: `python manage.py runserver`

Feel free to contribute, report issues, or suggest improvements. Happy coding! 🚀