Application that allows you read posts

Last update: Feb 27, 2022

🧪 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

🧪 Telas

Home. Na primeira imagem é possível ver o conceito de paginação, onde temos uma opção "carregar mais posts" que permanecerá habilitada até que não existam mais posts a serem exibidos. Na segunda imagem temos um exemplo de exibição no modo preview desta mesma página.

spacetraveling

spacetraveling

Lista com todos os posts cadastrados no prismic. Na primeira imagem é possível ver que o botão "carregar mais posts" não é mais exibido.

spacetraveling

Página com as informações detalhadas sobre o post selecionado na tela anterior. Na primeira imagem, existe a primeira versão onde estão as informações carregadas do prismic. Na segunda e terceira, vemos a implementação dos comentários e a nova funcionalidade de ir para o próximo ou para o post anterior. Além disso, essa página também possui o recurso de preview.

spacetraveling

spacetraveling

spacetraveling

Nessa aplicação existem testes e podemos ver que todos eles passaram, garantindo assim a integridade do que seria esperado na execução do projeto:

spacetraveling

🚀 Como executar

Clone o projeto e acesse a pasta do mesmo.

$ git clone https://github.com/mariliamessias/ignite-spacetraveling/
$ cd ignite-spacetraveling

Para iniciá-lo, siga os passos abaixo:

# Instalar as dependências
$ yarn

# Iniciar o projeto
$ yarn start

O app estará disponível no seu browser pelo endereço http://localhost:3000.

💻 Projeto

Projeto do curso Ignite da Rocketseat que tem como objetivo criar um blog do zero, e fazer com que ele consuma dados do Prismic utilizando a tecnologia NextJs e ReactJs.

📝 License

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

GitHub

https://github.com/mariliamessias/ignite-spacetraveling
You might also like...

Snow - social network can upload posts, upload images, create polls, interact with friends, create and join groups, and even includes its own chat to talk

Snow - social network can upload posts, upload images, create polls, interact with friends, create and join groups, and even includes its own chat to talk

Snow is a social network. Here you can create and share content! You can upload posts, upload images, create polls, interact with friends, create and join groups, and even includes its own chat to talk

Jun 21, 2022

A React Application challenge With CRUD (Create, Read, Update, Delete)

A React Application challenge With CRUD (Create, Read, Update, Delete)

Desafio 03 - Corrigindo o código 💻 Sobre o desafio Nesse desafio, temos uma aplicação Node.js que está em processo de desenvolvimento mas que já poss

Dec 17, 2021

This is memories application developed using React JS,mongo DB .We can perform CRUD operation in this app like create post,read post,make changes in previously posted post as well as delete post.

This is memories application developed using React JS,mongo DB .We can perform CRUD operation in this app like create post,read post,make changes in previously posted post as well as delete post.

Memories Front end - React,javascript,html,css Back end- NODE JS Application - This is memory application and it is a simple social media app that all

Apr 20, 2022

React-SearchKit - a React library that allows you to build in an easy way your search application

React-SearchKit - a React library that allows you to build in an easy way your search application

React-SearchKit React-SearchKit is a React library that allows you to build in an easy way your search application. Main features: ready-to-use collec

Jun 17, 2022

SOS MOTO - a mobile application written in React Native that allows you to call a nearest contact from your GPS location to get a quick help

SOS MOTO - a mobile application written in React Native that allows you to call a nearest contact from your GPS location to get a quick help

SOS MOTO is a mobile application written in React Native that allows you to call a nearest contact from your GPS location to get a quick help. We have over 10k active users in Europe and steadily growing.

Jun 13, 2022

Read documents like a pro, not spending a minute more

Read documents like a pro, not spending a minute more

Read documents like a pro, not spending a minute more

Feb 10, 2022

A free e-library for developer to read and upload ebooks they would like to share with the community and help other developers grow

A free e-library for developer to read and upload ebooks they would like to share with the community and help other developers grow

A free e-library for developer to read and upload ebooks they would like to share with the community and help other developers grow

Apr 5, 2022

Bionic ReadingTool - Convert Text into Better Way to Read Faster

Bionic ReadingTool - Convert Text into Better Way to Read Faster

📓 Bionic ReadingTool A revolutionary way for guiding the eyes through text using artificial fixation spots to make reading easier. As a result, the r

Jun 18, 2022

This application integrates Twilio SMS with a ToDo app. As you add tasks to your Todo app, you have the option to send SMS reminders to your cell phone.

This application integrates Twilio SMS with a ToDo app. As you add tasks to your Todo app, you have the option to send SMS reminders to your cell phone.

This application integrates Twilio SMS with a ToDo app. As you add tasks to your Todo app, you have the option to send SMS reminders to your cell phone. The days of forgetting a task or meeting are no more with ToodleDo app.

Dec 14, 2021
A Facebook Clone which built with reactJS. You can sign in with your Google Account and send realtime posts.

Facebook Clone with ReactJS A Facebook Clone application that you can sign in with your Google Account and send realtime posts. Facebook Clone Demo Li

Jun 11, 2022
A Slack Clone which built with ReactJS. You can sign in with your Google Account and send realtime posts. Click demo to try it by yourself!

A Slack Clone that you can sign in with your Google Account, add new channels and send realtime messages to them.

Jun 4, 2022
Facebook clone with react which you can sign in with your google account and send realtime posts on wall
Facebook clone with react which you can sign in with your google account and send realtime posts on wall

Facebook Clone with ReactJS A Facebook Clone which you can sign in with your Goo

Apr 12, 2022
Math Magicians is a Single Page Application (SPA) created in React that allows users to make simple calculations & Read some famous Quotes
Math Magicians is a Single Page Application (SPA) created in React that allows users to make simple calculations & Read some famous Quotes

Math Magicians is a Single Page Application (SPA) created in React that allows users to make simple calculations & Read some famous Quotes

Apr 14, 2022
This is a chat application where users can chat with people, create posts, save post etc.
This is a chat application where users can chat with people, create posts, save post etc.

Chat Application This is a chat application where users can chat with people, create posts, save post etc. Design inspired by Uchechukwu Ajalam (https

Apr 18, 2022
React Icons Viewer - allows you to search through the react-icons and it allows you to download the icon as png/svg

React Icons Viewer - allows you to search through the react-icons and it allows you to download the icon as png/svg

Apr 1, 2022
The bookstore where you can store your best books that you read before. Built with React, Redux, and TailwindCSS.
The bookstore where you can store your best books that you read before. Built with React, Redux, and TailwindCSS.

Bookstore Project In this project, I set up my Bookstore project. It is about making a Bookstore with 2 section BOOKS and CATEGORIES (styles and funct

Aug 28, 2021
This is a React application for managing books you want to read. It tracks your progress and makes the reading the books enlisted as a goal. The project is built using HTML, CSS, JavaScript, React, and Redux.
This is a React application for managing books you  want to read. It tracks your progress and makes the reading the books enlisted as a goal. The project is built using HTML, CSS, JavaScript, React, and Redux.

This is a React application for managing books you want to read. It tracks your progress and makes reading the books enlisted as a goal. The project is built using HTML, CSS, JavaScript, React, and Redux

Oct 17, 2021
Mathemagician is a web app for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations and read a random math-related quote.
Mathemagician is a web app for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations and read a random math-related quote.

"Mathemagician" is a web app for all fans of mathematics. It is a Single Page App (SPA) that allows users to make simple calculations and read a random math-related quote.

Apr 22, 2022
A small reddit client for browsing the top posts of r/all - built with typescript and react.
A small reddit client for browsing the top posts of r/all - built with typescript and react.

snoof A small reddit client for browsing the top posts of r/all - built with typescript and react. Desktop Mobile Features responsive infinite loading

Nov 14, 2021