caioharuo / spacetraveling

This application was developed during the fith and sixth challenges of ReactJS track on Rocketseat's Ignite plataform.

SpaceTravelling

ReactJS - Ignite - Rocketseat

Chapter #03

Project | Layout | Tools | Features | How to execute | License

---

Project 💻

SpaceTraveling is a web platform designed to share text content about technology. This application was developed during the fith and sixth challenges of Chapter 03 of ReactJS track on Rocketseat's Ignite plataform.

Layout 🔖

You can view the project layout through this link. You must have a Figma account to access it.

Tools 🛠️

This project was developed using the following technologies:

• ReactJS
• NextJS
• Typescript
• Prismic CMS
• React-Icons
• date-fns
• Sass
• Utterance

Features 💡

Challenge #05

• Load post's data from Prismic CMS and show them in Home page;
• Return each post in a dynamic route;
• Calculate reading time for each post and display it on screen.

Challenge #06 (Additional)

• Adding comments with Utterances;
• Document preview with Prismic CMS;
• Navigation between previous and next post.

How to execute 🚀

• Clone this repository;
• Create a new repository on Prismic;
• Configure environment variables: PRISMIC_API_ENDPOINT and PRISMIC_ACCESS_TOKEN on .env.local on project root.
• Install all the dependencies with yarn
• Run the application with yarn dev
• Access localhost:3000 in your browser

License 📄

This project is under the MIT license. See the LICENSE file for more details.

Developed with 💜 by Caio Hatai and Rocketseat.