Alpine Movie DB

Alpine Movie DB is a simple movie database application built with Alpine.js. The application allows users to search for movies, tv shows and people. The application uses the TMDB API to fetch all data.

Demo: alpine-movie-db.vercel.app

Features

• Movies Views: Users can see popular, now playing, coming soon, top 100 movies.
• Popular TV Shows: Users can see popular, airing today, on tv, top 100 tv shows.
• Popular Peoples: Users can see popular peoples.
• Search Movies: Users can search for movies by title.
• Search TV Shows: Users can search for tv shows by title.
• Search Peoples: Users can search for peoples by title.
• Local Storage: The application uses local storage to persist data.
• Responsive Design: The application is responsive and works on all devices.

Tech Stack

• Framework: Alpine.js Node.js, Express.js
• Type Checking: TypeScript
• Styling: Tailwind CSS
• Linting: ESLint
• Formatting: Prettier
• Testing: Jest, Cypress, Cucumber
• Package Manager: PNPM
• Build Tool: Vite
• Deployment: Vercel

Getting Started

To get started with this project, follow these steps:

1. Clone the repository:

git clone https://github.com/zorkham/alpine-movie-db.git

2. Install dependencies:

pnpm install

3. Run project locally:

pnpm dev

4. Open your browser: Go to http://localhost:3000 to see the app in action.

Testing

This project uses Jest, Cypress, and Cucumber for testing. To run the tests, use the following commands:

• Unit Tests:

  pnpm test

• E2E Tests:

  pnpm test:e2e

• All Tests:

  pnpm test:all

Other Projects

• Alpine Markt
• Alpine Project Planner
• Alpine Password Manager