A React-based web application that displays information about characters, planets, and starships from the Star Wars universe using the public SWAPI API.
StarDB is a learning project created to practice building modern web applications using React. It fetches data from the Star Wars API (SWAPI) and presents it in a clean and structured way, allowing users to browse information about people, planets, and starships.
- Language: JavaScript (ES6+)
- Library: React
- Styling: Bootstrap
- Build Tool: Create React App
- Data Source: SWAPI
- ✅ View lists of Star Wars characters, planets, and starships
- ✅ View detailed information about each item
- ✅ React Router for client-side navigation
- ✅ Loading and error state handling
- ⏳ Planned: Search and filtering
- ⏳ Planned: Pagination support
# 1. Clone the repository
git clone https://github.com/MuratOfficial/StarDB.git
cd StarDB
# 2. Install dependencies
npm install
# 3. Start the development server
npm startApp will be available at:
http://localhost:3000
StarDB/
├── public/ # Public assets
├── src/ # Application source code
│ ├── components/ # Reusable React components
│ ├── services/ # API service modules
│ ├── App.js # Main app component
│ ├── index.js # Entry point
│ └── ...
├── package.json # Project configuration
└── README.md # Project documentation
- Add search and filter functionality
- Improve responsive UI design
- Add support for pagination
- Connect to additional APIs for expanded features
Want to contribute? You're welcome!
# Fork the repository
# Create a new branch
git checkout -b feature/my-feature
# Make your changes
git commit -m "Add my new feature"
# Push to GitHub
git push origin feature/my-feature
# Open a Pull Request!Made with ❤️ for learning purposes by MuratOfficial