Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/victorbravim/japan
- Owner: VictorBravim
- License: mit
- Created: 2024-04-29T14:23:47.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-05-26T20:16:04.000Z (9 months ago)
- Last Synced: 2024-11-09T17:13:58.169Z (3 months ago)
- Topics: japan, next, tailwind, typescript
- Language: TypeScript
- Homepage: https://japan.vercel.app
- Size: 20.9 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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).