/teachers-marketplace

React SPA with Firebase backend, deploying via CI/CD. It fosters material sharing between parents and teachers, achieving 100% test coverage

Primary LanguageTypeScript

Teachers MarketPlace

Netlify Status

Coverage Technical Debt Code Smells Lines of Code

Quality gate

Índice de contenidos

Descripción

Teachers MarketPlaces es mi proyecto final para el BootCamp de ISDI CODERS.

Es un marketplace para que padres y profesores puedan compartir material escolar.

Ha sido desplegado usando CI/CD con GitHub Actions, SonarCloud and Netlify.

Los requisitos eran crear una SPA en REACT utilizando un gestor de estado global y Firebase como BASS.

He utilizado Figma para el diseño y Trello como gestor de tareas y sprints

El principal objetivo era llegar a un 100% en coverage y lo he conseguido testeando cada feature antes de hacer el merge en la main.

Live Demo

El proyecto esta disponible en Netlify:

Tecnologías

React Typescript Redux React Router Jest React Testing Library Firebase Sass

Estructura de carpetas

src
├── core
    ├── components
    ├── hooks
    ├── models
    ├── reducer
    ├── services
    ├── store
    ├── types
├── features
├── firebase
├── helpers
├── mocks
├── sass
├── tools

Features

  • Home Page como feed donde se pueden ver los últimos productos listados por el usuario
  • Details Page para ver toda la infromación del producto
  • Search Page con filtrado de productos
  • Autenticación mediante Firebase Authetication
  • Add product donde se pueden subir nuevos productos
  • User Page para eliminar los productos subidos

Images

Desktop Home Page Account Details Desktop Add product Mobile

Instalación

Para arrancar el proyecto necesitarás clonar el repositorio e instalar las dependencias con el siguiente comando

npm install

También necesitarás configurar las variables de entorno de la configuración de Firebase

Uso

Para arrancar el proyecto en modo desarrollo utiliza el siguiente comando

npm start

Autor

Miguel P.gomez