Repositorio común Backend-Frontend del equipo DevPanda

Overview

Instalaciones importantes:

Nodejs

Nodejs creará el entorno en el cuál React y Express van a ejecutarse.

Se recomienda la version estable. Es una instalación simple de next, next... Se puede descargar desde: https://nodejs.org/es/

yarn

Permite instalar las librerias tanto en el Backend como en el Frontend, pero con menos errores que npm.

Se puede ver el manual de instalación aqui: https://yarnpkg.com/getting-started/install Elige según tu versión de Nodejs. Solo tienes que ejecutar un comando.

Instalaciones recomendadas:

Postman

Sirve para probar las llamadas a las API. Necesario si eres Backend, recomendado si eres Frontend.

Git

Como no tenemos un IDE que nos permita utilizar Git gráficamente lo haremos por consola. Es posible que ya tenga git instalado en su laptop (comprobar con "git --version"). Si desea, puede descargar el terminal recomendado para trabajar con git: git bash

Se puede descargar desde: https://git-scm.com/downloads Es una instalación simple de next, next...

DevPanda Proyect: pasos iniciales

En un terminal donde corra git ejecutar:

  1. git clone https://github.com/oscardanielnc/DevPanda_Soft.git

    -- para clonar tanto Front como Back. Puedes usar otro método, lo importente es que esté en tu PC

Tener 2 terminales abiertos, uno para Front y otro para Back

  1. yarn

    -- en ambas terminales. Esto es para que se instalen todas las librerías que ambos proyectos necesitan

  2. yarn dev

    -- en ambas terminales. Esto es para correr ambos proyectos.

    -- el Client ejecutará React en tu navagador predeterminado.

    -- revisa y prueba el código. Tiene un ejemplo super básico que incluye toda la conección entre front y back. Puedes hacerme cualquier pregunta si gustas.

Push y Pull

Pull: git pull origin main

Push: git push origin main

NOTA 1: "origin" es el nombre de la rama remota que conectaras con tu rama local "main"

NOTA 2: antes de hacer pull o push, asegurate de que todos tus commits estén al día.

NOTA 3: "git status" sirve para ver si todo esta OK o si falta guardar algo.

Lo siguiente sirve para hacer commits:

git add .

git commit -m "Nombre del commit"

You might also like...

Aprendendo os fundamentos do GraphQL do Backend ao Frontend!

📃 Projeto O GraphQL é totalmente independente da tecnologia que é utilizada no backend ou do frontend, do banco de dados, ou seja, para o GraphQL não

Jun 16, 2022

Learn how to set up Supabase auth for both the frontend and backend of your application using a JWT - JSON web token.

Learn how to set up Supabase auth for both the frontend and backend of your application using a JWT - JSON web token.

Supabase auth, frontend + backend - example with Next.js Learn how to set up Supabase auth for both the frontend and backend of your application using

Nov 20, 2022

sistema de bate ponto para os aprendizes da brisa, usando Angular no frontend, golang no backend e postgresql como banco.

Migule Points Este projeto tem o intuito de automatizar a frequência dos aprendizes da brisanet, usando Angular no front, Golang no backend e postgres

Sep 26, 2022

A transpiler from golang's type to typescript's type for collaboration between frontend & backend.

A transpiler from golang's type to typescript's type for collaboration between frontend & backend.

go2type go2type.vercel.app (backup site) A typescript transpiler that convert golang's type to typescript's type. Help front-end developer to work fas

Sep 26, 2022

Questi sono i miei plugin del cazzo, scritti col culo, ma con tanto amore. 50 euro.

ReaperianiJS Questi sono i miei plugin del cazzo, scritti col culo, ma con tanto amore. 50 euro. Spiegone: Il fuorilavoce è un plugin di eq M/S (mid s

Feb 11, 2022

Codigo del Webinar de Organizador de Tareas con autenticación

Webinar Organizador de Tareas con autenticación Bienvenido al repositorio 📂️ del Webinar donde podrás encontrar el codigo expuesto 🤓️ Para comenzar

Jun 24, 2022

Aplicación final del curso de Next de Fernando

Next.js Telo Shop Para correr localmente, se necesita la base de datos. docker-compose up -d El -d, significa detached Configurar las variables de en

Dec 29, 2022

Konbini Otaku, Web E-Commerce del proyecto Estación Otaku, desarrollada con Next.js y desplegada con Vercel

Konbini Otaku, Web E-Commerce del proyecto Estación Otaku, desarrollada con Next.js y desplegada con Vercel

Konbini Otaku 💬 🛒 ⛩️ 🎌 - Reto Final (parte 2) Este proyecto constó de proponer "Konbini Otaku", la cual es una tienda virtual en la que podrás adqu

Apr 28, 2022

Un experimento personal con el portal del Centro de Documentación de la Imagen de Santander.

Un experimento personal con el portal del Centro de Documentación de la Imagen de Santander.

Retrosantander Un experimento personal con el portal del Centro de Documentación de la Imagen de Santander (CDIS) y sus contenidos. Por Jaime Gómez-Ob

Dec 11, 2022
Owner
Oscar Daniel Navarro Cieza
Oscar Daniel Navarro Cieza
Plataforma del Registro de Autoexclusión del Juego

WebApp boilerplate with React JS and Flask API Styles You can update the styles/index.scss or create new .scss files inside styles/ and import them in

Daniel Bañobre Dopico 7 Feb 4, 2022
Recreación del entorno de escritorio del sistema operativo macOS Monterey utilizando HTML, CSS y JavaScript

macOS Réplica del sistema operativo macOS Monterey utilizando HTML, CSS y JavaScript. GitHub pages https://jonathan-yv.github.io/macOS/ Componentes Ve

Jonathan Yair Vazquez 4 Feb 4, 2022
Repositorio oficial del curso IIC2113 Diseño Detallado de Software 🎉👩‍💻👨‍💻

IIC2113 - Diseño Detallado de Software Este curso está orientado a estudiantes con conocimientos sobre técnicas para llevar a cabo un proyecto de desa

IIC2113 @ UC 16 Nov 9, 2022
Repositorio del video de YouTube sobre creación y generación de imágenes de docker con Node

Importante Tener instalado Docker Desktop!!! Comandos usados Login de Docker Hub docker login Generar la imagen, especificar el TAG (-t) y el punto s

Fernando 5 Oct 27, 2022
Olá, este repositório, é um mini-relatório do que eu aprendi através de cursos de JavaScript. Este repositório, muito provável que fique familiar com o que os professores ensinam .

About Project Olá pessoal, este repositório tem o objetivo de relatar meus aprendizados dos cursos que fiz sobre a linguagem JavaScript. Não só com o

Nior 6 Jul 10, 2022
Gatsby-Formik-contact-form-with-backend-panel - Full working contact form with backend GUI panel.

Gatsby minimal starter ?? Quick start Create a Gatsby site. Use the Gatsby CLI to create a new site, specifying the minimal starter. # create a new Ga

Bart 1 Jan 2, 2022
Venni backend - The backend of the Venni client apps implementing the credit card payments, matching algorithms, bank transfers, trip rating system, and more.

Cloud Functions Description This repository contains the cloud functions used in the Firebase backend of the Venni apps. Local Development Setup For t

Abrantes 1 Jan 3, 2022
Web based application that uses playerctl in it backend to control remotely your audio using the frontend as remote control.

Linux Remote This is a web based application that uses playerctl in it backend to control remotely your audio using the frontend as remote control. Do

Gabriel Guerra 4 Jul 6, 2022
Web3 Framework, 0% Backend, 10000% Frontend

██████ ██ ████ █████ ██ ██ ██ ██ ██ ██ ██████ ██ ██ ██ ██ ██ STACK ██ ██ ██ ██ ██ ██ Network Without ██ ██ ████ █████

Tony Ivanov 28 Dec 9, 2022