Dev-containers Implemented for both front-end and back-end

[msaeedsaeedi]

Summary:

This PR introduces development containers for the DearMe mono repo, which includes a React frontend and a Python backend using Django. The dev containers are designed to streamline the development environment setup by providing a consistent, pre-configured environment for both frontend and backend development.

Changes:

• Frontend (React):

  • Configured a separate dev container for the React frontend.
  • The React app can be started using npm run start. Please note that it may take 1-2 minutes for the app to fully start up.

• Backend (Python/Django):

  • Configured a separate dev container with Python and Django for the backend. However, I encountered issues and was unable to successfully run the backend within the container.

Instructions:

1. Install Docker: Ensure Docker is installed on your system before proceeding. No additional software installations are required.
2. Use VSCode Dev Containers: Install the Dev Containers extension in VSCode to work with these containers.
3. Frontend Development:
   • Open the repo in VSCode.
   • Start the React app using npm run start inside the frontend dev container. Please allow 1-2 minutes for the app to start.
4. Backend Development:
   • The backend is configured in a separate container with Python and Django.
   • To develop the backend simultaneously, open a new VSCode window, attach it to the backend container, and proceed with your development.

Notes:

• Working with Both Containers: Since the frontend and backend each have their own containers, you'll need to open separate VSCode windows for each to develop both simultaneously.
• Backend Issues: The backend container is created with Python and Django, but currently, the application does not start as expected. Additional troubleshooting may be required.

[msaeedsaeedi]

Link this #1 issue as well