Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/victorbravim/japan

Template page culture japan
https://github.com/victorbravim/japan

japan next tailwind typescript

Last synced: about 1 month ago
JSON representation

Template page culture japan

Awesome Lists containing this project

README

        

# 👺 Japan

![image 5](https://github.com/VictorBravim/Japan/assets/122113588/146a7653-9077-48bc-ab99-af5e8671520d)

## 🚀 Overview

This project is built using Next.js, TypeScript and Tailwind featuring several components that together create a website to explore the beauty and culture of Japan.

## 📋 Requirements

- Node.js
- npm ou yarn
- react-slick

## Installation

1. 🔧 Clone this repository:

```
git clone https://github.com/VictorBravim/Japan.git
```

2. Navigate to the project directory:

```
cd Japan
```

3. Install dependencies:

```
npm install
```

## 🛠️ Project Structure

- components: Contains the React components used throughout the site.
- Nav.tsx: Navigation component with scrolling functionality.
- Hero.tsx: Home section featuring Japan with an image and text.
- About.tsx: Section detailing information about Japanese culture using an accordion layout.
- Locations.tsx: Section displaying specific locations in Japan using a carousel component (react-slick).
- Cambio.tsx: Currency converter component to convert BRL to JPY.
- Footer.tsx: Footer component with links and logo.
- pages: Contains the Next.js pages.
- index.tsx: Main page (Home) integrating all components.
- globals.css: Global CSS file for styling using Tailwind CSS.

## 📄 License

- This project is licensed under the [MIT License](LICENSE).