realtimeRecipeSharing_app

A simple web app built with using React.js for frontend and Django for backend for sharing cooking recipes.

Features

• Recipe Sharing : Users can submit new recipes, edit and also can browse existing recipes.
• Real Time Chat : Discuss about recipes with other users with real-time messaging.
• Responsive Design : Works across different platforms and devices with no issues.

The overall system design for online cooking recipe sharing chat app.

1. Architecture overview

   • Frontend : Reactjs for user interface.
   • Backend : Django for RestAPI and websocket communication.
   • Database : PostgreSQL , a RDBMS for storing recipes and chat messages.

2. Components breakdown

   • Frontend components :
     • Recipes list : Displays a list of recipes which are fetched from backend
     • Chat : Real-time chat interface using WebSocket.
     • AddRecipe : Form to submit new recipes.
   • Backend components :
     • Models : for 'Recipes' and 'Chat mesaages'.
     • Serializaers : Converts models to JSON format.
     • Views : Handles RestAPI requests for recipes.
     • Consumer : Handle WebSocket communication.

3. Installation and Setup :

   1. Clone the repository

      • git clone https://github.com/Mahe19sh/realtimeRecipeSharing_app.git
      • cd realTimeRecipeSharing_app

   2. Backend Setup

      • Install dependicies : using 'pip install -r requirements.txt'
      • Migrate the database : 'python manage.py migrate'
      • Run the Django server : 'python manage.py runserver'

   3. Frontend Setup

      • Navigate to frontend directory : 'cd recipe-app'
      • Install dependencies : 'npm install'
      • Run the react developent server : 'npm start'.

Contribution

Contributors are welcome! anyone can submit a pull requests with their unique improvements.

License

This project is licensed under MIT license.