spacetraveling

Ignite Journey - Challenge 05

Project   |    Technologies   |    Layout   |    How to Use   |    Features   |    License

💻 Project

The main objective is to create a blog from scratch, which should consume the Prismic data and have the interface implemented according to the Figma layout. A challenge from Rocketseat's Ignite journey.

🚀 Technologies

This project was developed with the following technologies:

• React
• TypeScript
• SASS
• Prismic CMS
• react-icons
• date-fns
• utterances

🔖 Layout

Created from Rocketseat template.

You can view the layout of the project in the web version. You need to have a Figma account to access it.

ℹ️ How To Use

To clone and run this application, you'll need Git and Yarn. From your command line:

# Clone the repository
$ git clone https://github.com/gisabernardess/spacetraveling.git 

# Go into the directory
$ cd refactoring 

# Install dependencies
$ yarn 

# Run the development server
$ yarn dev 

# Navigate to http://localhost:3000
# The app will automatically reload if you change any of the source files.

✨ Features

• Global and individual stylizations;
• Importing Google fonts;
• Pagination of posts;
• Calculation of estimated post reading time;
• Generation of static pages with the getStaticProps and getStaticPaths methods;
• Formatting dates with date-fns;
• Use of icons with react-icons;
• Requisições HTTP com fetch;
• Comments with Utteranc;
• Preview of the Prismic document;
• Navigation between previous and next post;
• Post editing information;
• and more.

📄 License

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

---

Made with ♥ by Gisele Silva 👋🏻 Get in touch!