/rebulico-ui

Rebuliço project - UI

Primary LanguageTypeScript


Rebuliço

Rebuliço é um portal de notícias desenvolvido para a Universidade Federal da Paraíba (UFPB) em João Pessoa, com o objetivo de publicar e compartilhar notícias internas da faculdade. Este projeto é um exercício prático para aprimorar habilidades de desenvolvimento web, utilizando tecnologias modernas no front-end e no back-end.

Tecnologias Utilizadas

Front-end

  • HTML
  • CSS
  • JavaScript
  • React + TypeScript
  • Vite
  • Padrão de Design: Atomic Design

Back-end

  • NodeJS
  • NestJS
  • Express
  • Firebase

Estrutura do Projeto

Front-end

O front-end do Rebuliço foi desenvolvido utilizando React e TypeScript, com Vite como bundler para otimizar a performance e simplificar o desenvolvimento. O projeto segue o padrão Atomic Design, onde a interface é dividida em componentes atômicos, garantindo modularidade e reuso de código.

Back-end

O back-end foi construído utilizando Node.js, com o framework NestJS para estruturar a aplicação de forma organizada e escalável. Express é utilizado para gerenciar as rotas e manipular as requisições HTTP, enquanto o Firebase fornece a base de dados e autenticação, garantindo segurança e confiabilidade no armazenamento das informações.

Funcionalidades

  • Publicação de Notícias: Permite aos jornalistas da faculdade criar e publicar artigos sobre eventos e notícias internas.
  • Autenticação: Sistema de login e cadastro utilizando Firebase.
  • Busca: Funcionalidade de busca para encontrar artigos específicos.

Como Rodar o Projeto

Pré-requisitos

  • Node.js instalado na máquina
  • NPM ou Yarn como gerenciador de pacotes

Instalação

  1. Clone o repositório:
    git clone https://github.com/J3ffn/rebolico-ui
    cd rebolico-ui
  2. Instale as dependências
    npm install
    ou
    yarn install

Executando o projeto

  1. Inicialização

    npm run local

    ou

    yarn local
  2. Visualização

    http://localhost:5173/