https://github.com/daraperini/postdegree-client-side-architecture-final-project
Family Guy's web application with character's descriptions and a quiz about the show.
https://github.com/daraperini/postdegree-client-side-architecture-final-project
nextjs
Last synced: 4 months ago
JSON representation
Family Guy's web application with character's descriptions and a quiz about the show.
- Host: GitHub
- URL: https://github.com/daraperini/postdegree-client-side-architecture-final-project
- Owner: daraperini
- Created: 2024-05-13T14:19:21.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-15T17:55:31.000Z (about 1 year ago)
- Last Synced: 2024-12-27T23:08:01.039Z (5 months ago)
- Topics: nextjs
- Language: JavaScript
- Homepage: https://postdegree-client-side-architecture-final-project.vercel.app
- Size: 738 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Family Guy
This is a Full Stack Next.js project developed using the [freeCodeCamp tutorial](https://www.freecodecamp.org/news/build-a-full-stack-application-with-nextjs/) as the final project of the Client-Side Architecture module of my postdegree Full Stack Development course.
During the application's development I explored the main concepts of Next.js and how to structure these applications while using local APIs. Components were developed using server-side rendering, client-side rendering and static pages. The consuming of APIs was possible creating functions that utilize HTTP requests.
## Used tools:
* Next.js
## Initializing the project on your computer
- Clone the repository using the command line:
- git clone *link of the repository*
- cd *file of the repository*
- Go to the projects main file:
- cd *name of the file*
- Run the code:
- npm install (to install all project's dependencies)
- npm run dev (to open the project on your browser)
* In case the project does not opend automatically type http://localhost:3000 on your browser
#
# Uma Família da Pesada
Esse é um projeto Full Stack Next.js desenvolvido a partir do [tutorial do freeCodeCamp](https://www.freecodecamp.org/news/build-a-full-stack-application-with-nextjs/), como projeto final do módulo de Arquitetura Client-Side do meu curso de pós graduação em Desenvolvimento Full Stack da PUCRS.
Durante a criação da aplicação foram explorados os principais conceitos do Next.js e de como estruturar essas aplicações utilizando APIs locais. Foram desenvolvidos componentes utilizando server-side rendering, client-side rendering e páginas estáticas, tudo isso criando funções que utilizam requisições HTTP para o consumo das APIs.
## Ferramentas utilizadas:
* Next.js
## Iniciando o projeto na sua máquina
- Clone o repositório através do terminal:
- git clone *link do repositório*
- cd *pasta do repositório*
- Entre na pasta do projeto:
- cd *nome da pasta*
- Rode o código na sua máquina:
- npm install (para instalar as dependências do projeto)
- npm run dev (para abrir o projeto no seu navegador)
* Caso o projeto não abra automaticamente, digite http://localhost:3000 no seu navegador