https://github.com/janicemv/randomizer
Learning React components and deployment with an app to select a random name
https://github.com/janicemv/randomizer
json react react-components reactjs
Last synced: 2 months ago
JSON representation
Learning React components and deployment with an app to select a random name
- Host: GitHub
- URL: https://github.com/janicemv/randomizer
- Owner: janicemv
- Created: 2025-02-18T14:12:24.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-19T11:36:20.000Z (over 1 year ago)
- Last Synced: 2025-05-22T23:33:42.553Z (about 1 year ago)
- Topics: json, react, react-components, reactjs
- Language: JavaScript
- Homepage: https://janicemv.github.io/randomizer/
- Size: 255 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Deity Randomizer
A small React app that randomly selects names of Goddesses and Gods from different pantheons.
## 📌 About the Project
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**
## 🚀 Technologies Used
- **React + Vite**
- **Bootstrap** for styling
- **React State and Props**
## 📂 Project Structure
```
/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
```
## 📌 Future Improvements
- Improve the UI with animations.
- Implement a real API to fetch data.
- Add a form to include personal entries in the data.