React Bit - Social Media App

Description

React Bit is a social media application with realtime chat and notification features.

Technologies

• Frontend:
  • React + Vite
  • Tailwind CSS + Shadcn UI
  • Zustand
  • React Query
  • Axios
  • User-password login + Google social auth, with forgot password features
  • React Hook Form
  • Zod
  • Rich Text Editor: reactjs-tiptap-editor
• Backend:
  • Django
  • Django Channels
  • Django Allauth
  • dj-rest-auth
  • Django Rest Framework (DRF)

Features

• Realtime chat
• Notifications
• User authentication (user-password and Google)
• Forgot password functionality
• Rich text posts

How to Run the Project

1. Clone the repository:

   https://github.com/pyserve/reactbit.git

2. Navigate to the project folder:

   cd reactbit

3. Install React dependencies:

   npm install

4. Install Django (backend) dependencies inside backend folder:

   pip install -r requirements.txt

5. Apply database migrations:

   python manage.py makemigrations
   python manage.py migrate

6. Run the Django development server:

   python manage.py runserver

7. Run the React development server:

   npm run dev

Notes

• Ensure you have Python and Node.js installed.
• The Django server will typically run on http://localhost:8000/.
• The React development server will typically run on http://localhost:5173/.