Code Monkey home page Code Monkey logo

reactnd-project-readable-starter's Introduction

Readable API Server

This is the project for the final assessment project for Udacity's Redux course. It's a web app blog like.

  1. Users can post content to predefined categories;
  2. Users can comment on their posts and other users' posts;
  3. Users can vote on posts and comments;
  4. Users can also be able to edit and delete posts and comments;

This repository includes the code for the backend API Server that it was used to interact with the front-end portion of the project.

Installing and Running

  • Install and start the API server
    • cd api-server
    • npm install
    • node server
  • Install and start the frontend
    • cd frontend
    • npm install
    • node start

API Server

Information about the API server and how to use it can be found in its README file.

reactnd-project-readable-starter's People

Contributors

ayoalik avatar ericksprengel avatar forbiddenvoid avatar jamesbibby avatar nomemoryerror avatar richardkalehoff avatar thalescomp avatar veronikabenkeser avatar

Watchers

avatar avatar

reactnd-project-readable-starter's Issues

Add PropTypes to all components

  • ActionsBar
  • AuthorAndDate
  • Category
  • CategoryList
  • Comment
  • CommentList
  • CommentNew
  • Post
  • PostList
  • PostNew
  • Vote

P.S.: it not applies to App, PostDetail and CategoryDetail

A página de detalhes da postagem possui a funcionalidade desejada?

Os detalhes da postagem estão disponíveis em /:category/:post_id

A postagem é exibida com os seguintes itens:

  • 1) Título
  • 2) Corpo
  • 3) Autor
  • 4) Número de comentários
  • 5) Pontuação atual
  • 6) Mecanismo de voto para votar positiva ou negativamente o post
  • 7) Botões ou links para que o post possa ser editado ou removido.

Comentários listados são exibidos com os seguintes itens:

  • 1) Autor
  • 2) Pontuação atual
  • 3) Mecanismo de voto para votar positiva ou negativamente o comentário
  • 4) Corpo do comentário

O mecanismo de voto funciona e exibe corretamente a nova pontuação de votos ao clicar para votar na postagem e nos comentários.

Todos os comentários de uma postagem são exibidos abaixo do corpo de texto da postagem.

Um mecanismo para a adição de novos comentários está visível na página de detalhes e funciona.

Os usuários podem adicionar comentários?

O aplicativo possui um formulário para adicionar comentários novos a uma postagem. Enviar o formulário corretamente adiciona um comentário à postagem em questão.

Os usuários podem remover postagens/comentários?

A maioria dos estados do aplicativo são gerenciados pela Redux Store. Props state-based são mapeadas a partir da store e não armazenadas como um estado do componente.

Inputs de formulário e componentes controlados podem ter algum estado controlado pelo componente.

Existe um mecanismo para a remoção de postagens e comentários. Clicar no botão/link exclui corretamente a postagem/comentário da view de lista e faz com que não seja mais possível acessá-lo(a) pela URL. Quando o usuário vai para a URL de um post deletado, uma página 404 é exibida. 

O aplicativo é navegável?

O usuário é capaz de navegar entre as páginas de detalhes da postagem, página principal e categorias sem que seja preciso digitar seu endereço na barra de endereços.

As postagens são listadas corretamente e possuem as funcionalidades desejadas de uma visualização em lista?

  • Postagens listadas são exibidas com os seguintes itens:

    • 1) Título
    • 2) Autor
    • 3) Número de comentários
    • 4) Pontuação atual
    • 5) Mecanismo de voto para votar post com positivo ou negativo
    • 6) Mecanismo para ordená-las por data ou pontuação (não obrigatório ter ambos)

  • Os recursos de contador de comentários e upvote/downvote são necessários nesta página para permitir que o usuário gerencie os posts sem navegar para outras páginas.

  • O mecanismo de votos funciona e exibe corretamente a nova pontuação dos votos após um clique.

  • As postagens em lista possuem um link que levam à página de detalhes daquela postagem.

  • Todas as postagens estão listadas na raíz (/).

  • Todas as postagens de uma categoria estão listadas em /:category

  • As páginas de lista das postagens (raíz / e categoria /:category) incluem um mecanismo para ordená-las por data ou pontuação (não obrigatório ter ambos), e essa ordenação funciona corretamente.

  • As páginas de lista de postagens incluem um botão para adicionar um novo post.

  • Todas as categorias disponíveis são visíveis em qualquer página de lista de postagens.

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.