Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/filipe1309/lotr-nextjs-quiz

Projeto criado durando a Imersão ReactJS NextJS da Alura 🧙
https://github.com/filipe1309/lotr-nextjs-quiz

alura aluraquiz imersao-react lotr lotr-quiz nextjs react reactjs

Last synced: 3 months ago
JSON representation

Projeto criado durando a Imersão ReactJS NextJS da Alura 🧙

Awesome Lists containing this project

README

        

#

🧙 LOTR Quiz






![Gandalf Laughing](public/gandalf-laughing.gif)

One Quiz to rule them all!!


## 💬 About

This project wad developed during Alura's "Imersão React Next.js", and used nextjs [style-component](https://github.com/vercel/next.js/tree/canary/examples/with-styled-components) example as a base.

![LOTR index](public/lotr-index.gif)

[Click here to access demo app](https://lotr-quiz.filipe1309.vercel.app/)

## :computer: Technologies

- [Nextjs](https://nextjs.org)
- [Reactjs](https://pt-br.reactjs.org)
- [Nodejs](https://nodejs.org/en/)
- [Styled Components](https://styled-components.com/)
- [Lottie React Web](https://www.npmjs.com/package/lottie-react-web)
- [ESlint](https://eslint.org)
- [Framer Motion](https://www.framer.com/motion/)
- [Vercel](https://vercel.com/)
- [Husky](https://github.com/typicode/husky)
- [CommitLint](https://github.com/conventional-changelog/commitlint)
- [Commitizen](https://github.com/commitizen/cz-cli)

## :octocat: Setup

### Installation

```sh
# Clone this repo
git clone [email protected]:filipe1309/lotr-nextjs-quiz.git

# Enter project folder
cd lotr-nextjs-quiz

# Install dependencies
yarn
```

### 🏃 Runnning

```sh
yarn dev
# app will run at: http://localhost:3000
```

#### Local

http://localhost:3000

#### API

http://localhost:3000/api/db

## Structure

```
🧙src
┣ 📂components
┃ ┣ 📂Footer
┃ ┃ ┗ 📜index.js
┃ ┣ 📂GitHubCorner
┃ ┃ ┗ 📜index.js
┃ ┣ 📂Head
┃ ┃ ┗ 📜index.js
┃ ┣ 📂QuizBackground
┃ ┃ ┗ 📜index.js
┃ ┣ 📂QuizContainer
┃ ┃ ┗ 📜index.js
┃ ┣ 📂QuizLogo
┃ ┃ ┗ 📜index.js
┃ ┗ 📂Widget
┃ ┃ ┗ 📜index.js
┣ 📂pages
┃ ┣ 📜index.js
┃ ┣ 📜_app.js
┃ ┗ 📜_document.js
┗ 📜db.json
```

## About Me



Filipe Leuch Bonfim


---

Done with ♥ by Filipe Leuch Bonfim 🖖