https://github.com/marialuizaleitao/martialflix-streaming

A martial arts movie and TV show Netflix Clone built with React, Tailwind CSS, Next.js, Prisma, MongoDB, NextAuth, and deployed on Vercel.
https://github.com/marialuizaleitao/martialflix-streaming

nextjs react tailwindcss typescript

Last synced: about 2 months ago
JSON representation

A martial arts movie and TV show Netflix Clone built with React, Tailwind CSS, Next.js, Prisma, MongoDB, NextAuth, and deployed on Vercel.

• Host: GitHub
• URL: https://github.com/marialuizaleitao/martialflix-streaming
• Owner: marialuizaleitao
• Created: 2024-06-07T18:56:05.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-06-12T21:32:44.000Z (7 months ago)
• Last Synced: 2024-06-14T00:12:20.372Z (7 months ago)
• Topics: nextjs, react, tailwindcss, typescript
• Language: TypeScript
• Homepage:
• Size: 3.32 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# MartialFlix

MartialFlix is a full-stack web application that serves as a personalized streaming platform for martial arts movies and TV shows. Built with modern web technologies, MartialFlix allows users to browse, watch trailers, and authenticate to access content. This project aims to provide a seamless user experience for martial arts enthusiasts.

## Technologies Used

- **Frontend:**

  - React

  - TypeScript

  - Tailwind CSS

  - SWR (React Hooks library for remote data fetching)

  - Zustand (React state management library)

  - Axios (HTTP client for making requests)

- **Backend:**

  - Next.js (React framework)

  - Prisma (Database ORM for TypeScript and Node.js)

  - MongoDB (NoSQL database for storing movie data)

- **Authentication:**

  - NextAuth.js (Authentication library for Next.js applications)

  - bcrypt (Library for hashing passwords securely)

- **Deployment:**

  - Vercel (Platform for deploying serverless functions and static sites)

## Features

- **User Authentication:** Secure user authentication using NextAuth.js and bcrypt for password hashing.

- **Movie Catalog:** Displaying a catalog of martial arts movies with descriptions, trailers, and thumbnails.

- **Dynamic Routing:** Utilizing Next.js for server-side rendering, enabling fast page loads and SEO optimization.

- **Responsive Design:** Built with Tailwind CSS to ensure a responsive and visually appealing user interface across devices.

- **State Management:** Zustand is used for efficient state management within the React components.

- **Data Fetching:** SWR is employed for efficient data fetching, caching, and synchronization with the server.

## Contributing

Contributions to MartialFlix are welcome! Please fork the repository, make your changes, and submit a pull request. Ensure to follow the existing coding style and conventions.