don't get washed away in the sea of terminology
Life's a Beach is equipped with accurate and high-quality data and information to make it the perfect tool to either use for your personal learning or use our REST API to pull our data and information to your app!
The pages within the web app include all you need to know about many sexualities and pronoun combinations, with examples on how to use pronouns in sentences, definitions for some of the most common sexual orientations. We alsop included the flags so that you can recognise them better out in the wild. Each page also shows you which API endpoint you need to use to get the same data and getting that data from there is simple! Here we did it in just a few lines of code:
export async function getStaticProps({ params }) {
const sexuality = await axios.get('http://localhost:3000/api/sexualities/' + params.id)
return {
props: {
sexuality: sexuality.data,
params: params
}
}
}
We created two API endpoints for this project: pronouns and sexualities.
Endpoint: /api/pronouns/{pronoun}
Example: /api/pronouns/he-him
{
"status":"200 OK",
"pronouns":"he/him",
"types":["binary"],
"combinations":{
"shortCombination":["he/him"],
"longCombination":["he/him/his/himself"]
},
"sampleSentences":[["He went to the shop to pick up his food"]],
"flags":["http://lifesadamsbeach.netlify.app/image/pronouns/he-him.webp"]
}
Endpoint: /api/sexualities/{sexuality}
Example: /api/sexualities/bisexual
{
"status":"200 OK",
"sexuality":"bisexual",
"definition":["Sexually or romantically attracted to multiple genders with gender preferences (someone who identifies as bisexual may be attracted to men and women but not non-binary people)."],
"aka":["Bi"],
"flags":["http://lifesadamsbeach.netlify.app/image/sexuality/bisexual.webp"]
}
PrideHacks should be all about celebrating and understanding LGBT+ identities. As someone who identifies as LGBT+ (Matt) I understand just how difficult some people can find it to understand LGBT+ identities, no matter how much they'd love to. I think it is incredibly important that good educational content is available to support people in learning about the people they love and those that matter around them.
Why Life's a Beach? Well Adam wanted it to have beaches, so there's beaches. To add to this! Beaches are calm, relaxing places which I have found to be a serene place whenever I feel stressed, unwanted or unloved. I can sit on the sand or walk through the sea and feel at peace. ~ Adam
This is a Next.js project bootstrapped with create-next-app
.
Run the project locally using npm run dev
and open http://localhost:3000 with your browser to utilise its features.