https://github.com/melvinaguilar/movie-catalog
A movie catalog application that allows users to browse a collection of movies. Users can view movie details, including information about the cast, ratings, and more.
https://github.com/melvinaguilar/movie-catalog
axios nextjs redux tailwindcss
Last synced: 15 days ago
JSON representation
A movie catalog application that allows users to browse a collection of movies. Users can view movie details, including information about the cast, ratings, and more.
- Host: GitHub
- URL: https://github.com/melvinaguilar/movie-catalog
- Owner: MelvinAguilar
- Created: 2023-08-06T01:22:08.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-09T04:25:35.000Z (over 1 year ago)
- Last Synced: 2025-03-28T09:51:31.208Z (about 1 month ago)
- Topics: axios, nextjs, redux, tailwindcss
- Language: TypeScript
- Homepage: https://movie-web-catalog.vercel.app/
- Size: 174 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Movie Web
> ~
>
>
A web application that allows users to search for movies and view details about them.
>
> 
> 
> 
> 
> 
> 
> 
>
> ~
**Disclaimer:**
This code is inspired by the ["**Build an AI Powered Movie Application and Master React**"](https://www.jsmastery.pro/ultimate-react-course) course by **JSMastery Pro**, but it is not an exact copy. While the course utilizes React and Material UI, my version is built with Next.js and Tailwind CSS, and includes design modifications. It remains an independent project aimed at achieving similar functionality but with different technologies.
## Table of Contents
- [About](#about)
- [Built Using](#built_using)
- [Getting Started](#getting_started)
- [Learn more](#learg_more)
This project is a web application that allows users to search for movies and view details about them.
- [NextJS](https://nextjs.org/) - React Framework
- [TailwindCSS](https://tailwindcss.com/) - CSS Framework
- [TypeScript](https://www.typescriptlang.org/) - Programming Language
- [React Redux](https://react-redux.js.org/) - State Management
- [React Loading Skeleton](https://www.npmjs.com/package/react-loading-skeleton) - Loading Skeleton
- [Axios](https://axios-http.com/) - HTTP Client
- [SplideJS](https://splidejs.com/) - Carousel
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!