StarWars-DataBase-React-flux

🌟 Star Wars Database Web Application

🔗 Quick Links

• 🚀 Live Demo: Star Wars Database App
• 💻 Repository: GitHub
• 📹 Demo Video: Watch on YouTube

📝 Description

The Star Wars Database app offers an immersive experience for fans to explore the rich universe of Star Wars. Built with React and powered by the Star Wars API (SWAPI), this application provides detailed information on characters, vehicles, and planets from the Star Wars universe.

✨ Features

• Interactive UI: User-friendly interface with sections for Characters, Vehicles, and Planets.
• Detailed Information: In-depth data on various Star Wars entities.
• Search Functionality: Quick access to specific entries.
• Favorites System: Mark and easily access your preferred Star Wars elements.
• Responsive Design: Seamless experience across all devices.

🖥️ Technologies Used

• Frontend:
• State Management:
• Styling:
• API Integration:
• Routing:
• Version Control:

🚀 Getting Started

Prerequisites

• Node.js (v10 or later)
• npm

Installation

1. Clone the repository:

   git clone https://github.com/your-username/star-wars-database.git
   

2. Navigate to the project directory:

   cd star-wars-database
   

3. Install dependencies:

   npm install
   

4. Create a .env file:

   cp .env.example .env
   

5. Start the development server:

   npm run start
   

The application should now be running on http://localhost:3000.

Usage

Navigate through the different sections using the top menu. Use the search bar to find specific characters, vehicles, or planets. Click on any item to view detailed information. Add items to your favorites for quick access.

Acknowledgments

• Data provided by SWAPI

Contributors

The template was built as part of the 4Geeks Academy Coding Bootcamp by Alejandro Sanchez and many other contributors. Find out more about our Full Stack Developer Course, and Data Science Bootcamp.