https://github.com/jonatanramhoj/episodify
Episodify: TV-episode management app with GraphQL and Apollo Client.
https://github.com/jonatanramhoj/episodify
apollo-client awsappsync nextjs omdb tailwindcss typescript
Last synced: about 1 month ago
JSON representation
Episodify: TV-episode management app with GraphQL and Apollo Client.
- Host: GitHub
- URL: https://github.com/jonatanramhoj/episodify
- Owner: jonatanramhoj
- Created: 2023-05-28T22:12:42.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-26T23:30:32.000Z (almost 3 years ago)
- Last Synced: 2025-10-25T10:36:31.793Z (8 months ago)
- Topics: apollo-client, awsappsync, nextjs, omdb, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://episodify.vercel.app
- Size: 1.54 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Episodify TV-Episode Management Application
Episodify is a TV-Episode management application that allows users to Create, Read, Update, and Delete (CRUD) TV episodes through a fully responsive user interface. It provides features such as a landing page with a list of episodes, episode details page, search with auto suggestions, real-time updates and feedback, and works seamlessly on both desktop and mobile devices.
## Features
- Landing page with a comprehensive list of episodes
- Episode details page showcasing specific episode information
- Search functionality with auto-suggestions for quick episode discovery
- Create, update, and delete episodes to manage your collection
- Real-time updates and feedback to keep your TV-episode data up-to-date
- Fully responsive UI for a seamless experience across desktop and mobile platforms
## Tech Stack
Episodify is built using the following technologies:
- Framework: Next.js
- Deployment: Vercel
- Styling: Tailwind CSS
- Backend: AWS AppSync + OMDb
- API: GraphQL
- State management: Apollo Client
- Animations: Framer Motion
## Prerequisites
To run the Episodify project locally, ensure that you have the following prerequisites installed:
- Node.js
- npm (Node Package Manager)
## Getting Started
Follow the steps below to set up and run Episodify locally:
1. Clone the repository:
```
git clone git@github.com:jonatanramhoj/episodify.git
```
2. Change to the project directory:
```
cd episodify
```
3. Install the dependencies:
```
npm install
```
4. Create an `.env.local` file in the root directory of the project with the following variables:
```
NEXT_PUBLIC_GRAPHQL_API=
NEXT_PUBLIC_API_KEY=
NEXT_PUBLIC_OMDB_API_KEY=
```
Replace ``, ``, and `` with your respective values.
5. Start the local development server:
```
npm run dev
```
6. Open your browser and visit `http://localhost:3000` to see the Episodify application in action.
## Demo
Check out the live demo of Episodify at [https://episodify.vercel.app/](https://episodify.vercel.app/).