BeCoder App

BeCoder

Ghid pentru soluții

Ultima actualizare: 19 mai 2025

1. Prerechizite

  • Instalează Git de pe git-scm.com
  • Creează un cont pe GitHub, GitLab sau Bitbucket
  • Instalează un editor de cod (ex: Visual Studio Code)
  • Asigură-te că proiectul funcționează local:
    • HTML/CSS: deschide index.html în browser
    • JavaScript (ex: Vite, React):
      npm install
      npm run dev
      
    • Python Flask:
      pip install -r requirements.txt
      flask run  # sau python app.py
      
    • Python Django:
      pip install -r requirements.txt
      python manage.py runserver
      

2. Folosește Git

  • Inițializează un repository local:
    git init
    git add .
    git commit -m "Initial commit"
    
  • Creează un repository online (GitHub, GitLab, Bitbucket)
  • Conectează-l și publică codul:
    git remote add origin <url>
    git branch -M main
    git push -u origin main
    

3. Publică Frontend-ul

  • Platforme recomandate:
    • Netlify – ușor pentru Vite, React, HTML/CSS
    • Vercel – ideal pentru Next.js sau alte aplicații React
    • GitHub Pages – pentru proiecte statice
  • Pași:
    • Conectează repository-ul
    • Adaugă comanda de build (npm run build)
    • Alege folderul de output (dist, build)
    • Publică aplicația și primești un link public

4. Publică Backend-ul

  • Platforme backend recomandate:
    • Render, Railway, Fly.io
  • Pentru JavaScript (Express):
    • Adaugă în package.json:
      "scripts": {
        "start": "node server.js"
      }
      
    • Folosește process.env.PORT
  • Pentru Python Flask:
    • Creează fișier requirements.txt
    • Folosește flask run sau python app.py
    • Dacă e nevoie, adaugă Procfile:
      web: python app.py
      
  • Pentru Python Django:
    • Creează requirements.txt și Procfile:
      web: gunicorn myproject.wsgi
      
    • Asigură-te că ALLOWED_HOSTS este configurat
    • Rulează python manage.py migrate și collectstatic dacă este cazul

5. Publică Fullstack

  • Pentru aplicații fullstack (frontend + backend):
    • Structurează codul: /client (frontend) și /server (backend)
    • JavaScript:
      • Publică frontend-ul pe Netlify/Vercel
      • Backend-ul pe Render/Railway
      • Conectează-le folosind VITE_API_URL
    • Python Flask/Django:
      • Poți servi frontend-ul direct din backend sau le poți ține separat
      • Asigură-te că rutele API și statice funcționează
  • Testează conexiunea între frontend și backend

6. Găzduiește o bază de date

  • Platforme gratuite pentru baze de date:
    • Supabase, MongoDB Atlas, Railway, PlanetScale
  • JavaScript:
    • Folosește Prisma (SQL) sau Mongoose (MongoDB)
    • Salvează datele de conectare în .env
  • Python Flask/Django:
    • Flask: folosește psycopg2 sau pymongo
    • Django: configurează DATABASES în settings.py
    • Verifică conexiunea în cloud și încarcă .env sau folosește os.environ

7. Verificare finală

  • Asigură-te că:
    • Codul este pe un repository public
    • Frontend și backend sunt accesibile online
    • Baza de date funcționează și este conectată
    • Toate funcționalitățile sunt testate cap-coadă
  • După validare, poți distribui linkul aplicației și al repository-ului