-
HomePage
- Landing
- ContinentsContainer
- ContinentsAnchors
- ContinentDetail
- RegionItem
-
RegionDetail
- PlaceContainer
- PlaceItem
- PlaceContainer
-
PlaceDetail
- Breadcrumbs
- Description
- Photos
- Carousel
- Activities
- ExpansionPanel
- ListReviews
- ExpansionPanel
- AddReview
- Form
- Rating
- TextField
- Button
- Form
-
SignIn
- Typography
- Form
- Button
-
SignUp
- Typography
- Form
- Button
To configure a new frontend development environment:
- Clone the code from https://github.com/L4UZ/desarrollo-ui-front
- In the root directory run
npm install - Create a
.envfile in the root directory, copy the contents from.env.exampleand fill the corresponding values for each key - Execute
npm startto run the app in development mode. Open https://localhost:3000 to view it in the browser.
To configure a new backend development environment:
- Clone the code from https://github.com/L4UZ/desarrollo-ui-back
- In the root directory run
npm install - Create a
.envfile in the root directory, copy the contents from.env.exampleand fill the corresponding values for each key - Execute
npm run devto run the app in development mode. Open https://localhost:4000/graphql to view the graphiql editor in the browser.
type Query {
continents: [Continent]!
region(id: String!): Region!
place(id: String!): Place!
}type Mutation {
signUp(user: SignUpInput!): String!
signIn(credentials: CredentialsInput!): String!
addReview(review: ReviewInput!): Review!
}
input CredentialsInput {
email: String!
password: String!
}
input SignUpInput {
firstName: String!
lastName: String!
email: String!
password: String!
}
input ReviewInput {
token: String!
comment: String!
score: Int!
placeId: String!
}type User {
firstName: String!
lastName: String!
email: String!
}
type Continent {
id: ID!
name: String!
regions: [Region]!
}
type Region {
id: ID!
name: String!
imageSrc: String!
places: [Place]!
continentId: ID!
continentName: String!
}
type Place {
id: ID!
name: String!
description: String
imagesSrc: [String]!
activities: [Activity]!
reviews: [Review]!
overallScore: Float
}
type Activity {
id: ID!
name: String!
price: Int!
description: String
}
type Review {
id: ID!
comment: String!
score: Int!
userEmail: String
userFullName: String
}