egemnoztrk / swe573-egemen

0 stars 0 forks source link

New FullStack Project Initialization #4

Closed egemnoztrk closed 1 day ago

egemnoztrk commented 4 weeks ago

Description:

We need to set up the foundational structure for a new FullStack project, using Python for the back-end and MongoDB for database integration. This issue will cover the initial setup of both front-end and back-end, along with environment configuration and version control.

Tasks:

  1. Back-End Setup (Python & Flask):

    • Initialize a Python project using Flask. • Set up basic routes (e.g., /api/health-check) to verify server functionality. • Install essential dependencies: • Flask • pymongo for MongoDB connection • flask-cors for handling Cross-Origin Resource Sharing • python-dotenv for managing environment variables • Create a folder structure (e.g., app/, routes/, models/, config/). • Set up a basic MongoDB connection using pymongo.

  2. Front-End Setup (React.js):

    • Initialize a React.js project using create-react-app. • Set up basic components and routing (e.g., Home, About, and Error page). • Install UI libraries. • Create folder structure (e.g., components/, pages/, services/, assets/).

  3. Database Integration (MongoDB):

    • Set up a MongoDB instance. • Define basic MongoDB connection logic using pymongo. • Create a sample data model/schema in Python.

  4. Environment Configuration:

    • Configure python-dotenv to handle environment variables. • Create a .env file to store sensitive information like the MongoDB connection string, API keys, etc. • Add .gitignore to exclude sensitive files.

  5. Deployment Setup:

    • Plan deployment strategy. • Set up a Dockerfile to create a containerized environment for the Python Flask app. • Create a simple deployment guide in the README.md.

egemnoztrk commented 1 day ago

Full stack development is done, and first deployment is online. So there is no need for this issue anymore