Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/thiagohrcosta/viaggiare-italia


https://github.com/thiagohrcosta/viaggiare-italia

Last synced: about 1 month ago
JSON representation

Awesome Lists containing this project

README

        

![banner](https://res.cloudinary.com/dloadb2bx/image/upload/v1655778021/ITALIA1_gnauwe.png)

# ITALIA - Esplora un mondo chiamato Italia

![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white) ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) ![Chakra](https://img.shields.io/badge/chakra-%234ED1C5.svg?style=for-the-badge&logo=chakraui&logoColor=white) ![Ruby](https://img.shields.io/badge/ruby-%23CC342D.svg?style=for-the-badge&logo=ruby&logoColor=white) ![Rails](https://img.shields.io/badge/rails-%23CC0000.svg?style=for-the-badge&logo=ruby-on-rails&logoColor=white)

This project was developed using NextJS and Chakra-UI. The option for Chakra was made with the objective of studying the development of functional frontends, without the need to use custom CSS, using everything that the framework can offer.

As a backend, an API was developed (is in development) using Ruby on Rails that supports the data consumed by the Frontend.

![enter image description here](https://res.cloudinary.com/dloadb2bx/image/upload/v1655778021/italia2_ksrhwa.png)

# Technologies

- [JSON-Server](https://github.com/typicode/json-server): Since the initial objective was to learn how to use Chakra, JSON-Server was used to provide a fake API environment to display the desired contents. In future steps, the API with Ruby on Rails will be developed, which will replace the JSON-Server, however, this development format allows the Front-end to act independently of the back-end.
- [PhosphorIcons](https://phosphoricons.com/): In this project I used the icons provided by PhosphorIcons