⭐ Star Wars Project

📑 Table of Contents

1. Links
2. Description
3. Used Technologies
4. Quick Start
5. Run Tests
6. Additional Information

---

🔗 Links:

• Live Preview: Star Wars App
• API Link: Star Wars API

✨ Description

• This is a Star Wars-themed application built using React, Vite, TypeScript, Tailwind CSS, and Module SCSS.
• The project features dynamic animations implemented with Framer Motion for a smooth user experience.
• It leverages TanStack Query for API requests, caching, and managing asynchronous states.
• Integrated React Flow to create and display graphs with custom nodes, generating nodes and edges from the API.
• Jest is used for writing unit tests, ensuring component reliability and robustness.

🛠️ Used Technologies:

• React
• Vite
• TypeScript
• Tailwind CSS
• Module SCSS
• Framer Motion
• TanStack Query/Router
• React Flow
• Jest

⚡ Quick Start

1. Clone the repository:

git clone https://github.com/sasholk/star-wars.git
cd star-wars

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open http://localhost:5173/ in your browser to view the app.

🧪 Run Tests:

• To run the test suite, use the command:

npm run test

💬 Additional Information

• The app supports animations for enhanced interactivity.
• Custom components are modular and reusable, making the codebase scalable and maintainable.
• The graph visualization and custom nodes allow for a detailed view of data relationships from the API.