So It's Shoujo

At its core, this project is a quiz page, but I wanted to add more to it by incorporating links and a first page to give it a unique twist. Being a fan of anime and manga, I was inspired by video essays I watched and decided to create a web page with a quiz based on one of the joke games mentioned in the videos.

I believe that Shoujo anime and manga often get overlooked or discussed more negatively compared to Shounen, so I wanted to create a fun web page to shed light on this genre. This project also served as an opportunity for me to challenge myself and develop a React project from scratch with my own idea.

I strongly believe that everyone should read and watch the anime/manga they enjoy, and it's important not to limit a demographic to a narrow stereotype. Through this project, I aimed to highlight the diversity and potential of Shoujo anime and manga beyond traditional perceptions.

So maybe give Shoujo or just anime and manga a try.

• Deployment: https://so-its-shoujo.vercel.app

Requirements

Install all the dependecies of this project by using the package.json. You will need to run the install command in your terminal after forking and cloning the project.

Built With

• React
• React-Router
• React-type-animation
• font-awesome
• Manga cover images found on google

Local Development

• Download and install the LTS version of Node.js. In this project nvm was used for the installing of a node version.

• Install the project requirements

npm install

• Run the project

npm run

• More information abouot the create-react-app set up and running can be found at react-readme or at create-react-app

Deployment

This project is deployed using Vercel using their free tier. Having a vercel.json within the root directory of your project will allow the project to run with react-router and vercel. It is important to check the documentation when deploying. Going through their quick start and connecting to the projects repo is the frist steps.

License

See the LICENSE file for license rights and limitations (MIT).