Coder Social home page Coder Social logo

proyectofinal's Introduction

PLACA DE PLATA - SARA LÚA CORDAL PERNAS

Descripción:

Placa de Plata es una galería online para que diseñadores gráficos y fotográfos puedan publicar sus trabajos y darse a conocer, tanto a clientes como a futuros colaboradores a través de sus publicaciones.

Obtención del código:

Para obtener el proyecto Placa de Plata, primero, debe acceder a este repositorio de Github para obtener el código del frontend y a este repositorio de Github para obtener el código del backend.

Una vez obtenido el código, añadir el archivo .env a la carpeta en la se encuentra el código del backend.

La base de datos está almacenada en la nube de Heroku por lo que, al añadir el archivo, ya tendrá acceso a ella.

Instalación de dependencias:

Ejecutar en terminal el comando "npm install".

En el backend además es necesario crear una carpeta 'tmp' dentro de la carpeta principal PROYECTOFINAL

Arranque del proyecto Placa de Plata

Para arrancar la Placa de Plata debe abrir en su editor de código las carpetas obtenidas de los enlaces de Github y ejecutar en la terminal los siguientes comandos:

- Backend: "node server.js".
- Frontend: "ng serve".

Uso de la aplicación:

Una vez arrancadas las dos partes que forman el proyecto, escriba la url: localhost:4200 en su navegador y será redirigido al login de la aplicación, donde podrá acceder al link de registro de usuario y navedar al formulario de registro.

Los siguientes pasos para acceder a todas las funcionalidades de Placa de Plata son los siguientes:

1. Completar los datos de registro y enviar el formulario.
2. Acceder al email facilitado en el formulario de registro, ya que llegará un email de confirmación.
3. Confirmar el registro (clickando en el enlace recibido) en el email, que le redirigirá a la galería de la aplicación.

Si el usuario ya está registrado, también podrá acceder a la aplicación realizando un login .

Una vez el usuario esté regristrado en Placa de Plata podrá acceder a las siguientes funcionalidades:

- Ver su perfil de usuario (clickando en el email visible en la parte superior derecha de la pantalla), modificarlo, borrarlo, crear un nuevo post y ver los posts propios del usuario.
- Ver el detalle de cada post (clickando encima del mismo).
- Ver el perfil de usuario de autores de otros posts (clickando en la informacion del autor).
- Volver a la gallería principal(clicando en "Placa de Plata", en la parte superior izquierda de la pantalla).
- Salir de su sesión de usuario (clickando "LogOut" en la parte superior derecha de la pantalla).

proyectofinal's People

Contributors

saracorper avatar wargreygon 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.