Celebrity Wiki

This site was made with the objective of consult information of your favorite celebrities

Click in the link below to go:

➡️Celebrity Wiki ⬅️

📰 Language and tools

📰 Analysis

Problem: Create a responsive application from scratch to consult information about celebrities

Problem Analysis:

Create a design system
Create a responsive design
Create a service to log in with facebook
Create a service to log in with google
Get data with graphQL
Integrate data with frontend

Data:

Celebrity

name
age
height
occupation
nationality
bio
Image

Artist

name
albums
image
total albums
happiest song
saddest song
total tracks
total duration in minutes

📰 Design and inspiration

You can check out the figma design in the link below:

Figma design

📰 Key Features

Login with facebook and google account
Get celebrities by web scrapping
Search a celebrity
Filter by category
See main information of a celebrity

📰 Backend development

The backend managment and development is in a separate repository please click in the link below to consult.

Backend repository

📰 How to use

To clone and run this application, you'll need Git and Yarn installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/ithzavg/celebrity-wiki-front.git

# Go into the repository
$ cd celebrity-wiki-front

# Install dependencies
$ yarn install

# Run the app
$ yarn start

📰 Credits

William Santiago Alzate - Frontend developer

Sebastian Rivera - Frontend developer

Ithzamary Vilchis García - Frontend developer

Diego A. Cruz Triana - Backend developer

Diego Duarte - Data Scientist

📰 Platzi Master Coaches

Joshua Pedraza

Luis Novelo

📰 License

MIT