A small React app that randomly selects names of Goddesses and Gods from different pantheons.
This project was developed as an exercise to practice React, focusing on:
- Using components to separate logic and presentation.
- Managing state to dynamically update the UI.
- Fetching data from an external source, simulating an API with JSON files containing the deities.
- Deploying a React project on Github Pages
- React + Vite
- Bootstrap for styling
- React State and Props
/src
├── components/
│ ├── DisplayDeity.jsx # Component to display the selected deity
│ ├── PantheonFilter.jsx # Component to filter by pantheon
│ ├── Menu.jsx # Menu to choose between Goddesses or Gods
│ ├── RandomizerButton.jsx # Button to draw a random name
├── data/
│ ├── goddesses.json # List of Goddesses
│ ├── gods.json # List of Gods
├── App.jsx # Main component
├── main.jsx # Application entry point
- Improve the UI with animations.
- Implement a real API to fetch data.
- Add a form to include personal entries in the data.