A Star Wars movie website integrated with SWAPI-GraphQL.
This repository is builed with
- ⚡️ Next.js 12
- ⚛️ React 17
- ✨ TypeScript
Atomic Design - A methodology for creating design systems- 🚀 Apollo GraphQL - GraphQL client
- 💨 Tailwind CSS 3 — A utility-first CSS framework packed with classes
- 🃏 Jest — Configured for unit testing
- 📈 Absolute Import and Path Alias — Import components using @/ prefix
- 📏 ESLint — Find and fix problems in your code, also will auto sort your imports
- 💖 Prettier — Format your code consistentl
Demo
You can see the demo here
Getting Started
First, run the development server:
npm run devOpen http://localhost:3000 with your browser to see the result.
Test
run the jest test runnner
npm run test
# or
npm run test:watch