Giter VIP home page Giter VIP logo

farm's Introduction

FARM

Project about FastAPI React MongoDb

Para BACKEND

Base de datos

docker-compose up -d

Creando BackEnd

mkdir backend
cd backend
python -m venv venv

Activar el entorno

 # In cmd.exe
 venv\Scripts\activate.bat
 # In PowerShell
 venv\Scripts\Activate.ps1
 # Linux
 source myvenv/bin/activate

Instalacion de dependencias

pip install fastapi motor

Estructura del Proyecto

├── app
│   ├── __init__.py
│   ├── main.py
│   └── server
│       ├── app.py
│       ├── database.py
│       ├── models
│       │   └── task.py
│       └── routes
│           └── task.py
├── .env
└── requirements.txt
app: Este es el directorio raíz de tu aplicación.

__init__.py: Este archivo se utiliza para indicar a Python que este directorio debe ser tratado como un paquete.

main.py: Este es el punto de entrada de tu aplicación. Aquí es donde FastAPI se inicializa y se ejecuta.

server: Este directorio contiene los detalles específicos de tu aplicación.

app.py: Este archivo se utiliza para crear y configurar la aplicación FastAPI.

database.py: Este archivo se utiliza para manejar la conexión a tu base de datos MongoDB.

models: Este directorio se utiliza para definir los modelos de tus datos.

routes: Este directorio se utiliza para definir las rutas de tu aplicación.

requirements.txt: Este archivo lista todas las dependencias de Python que tu proyecto necesita.

Ejecutar desde Backend:

uvicorn app.main:app --reload

para el FRONTEND

utilizando vite

npm create vite
cd frontend
npm i react-router-dom
npm i axios

Estilizar

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

tailwind.config

export default {
  content: ["./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",],
  theme: {
    extend: {},
  },
  plugins: [],
}

index.css

@tailwind base;
@tailwind components;
@tailwind utilities;

farm's People

Contributors

ferjeffq avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.