https://github.com/khikmata/weebflix-remastered

Remade cinema with an extended functionality and better visuals. Also using different API
https://github.com/khikmata/weebflix-remastered

cssmodules react redux-toolkit scss

Last synced: about 13 hours ago
JSON representation

Remade cinema with an extended functionality and better visuals. Also using different API

• Host: GitHub
• URL: https://github.com/khikmata/weebflix-remastered
• Owner: Khikmata
• Created: 2023-03-21T22:56:04.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-10T11:37:22.000Z (10 months ago)
• Last Synced: 2024-09-20T03:30:55.796Z (5 days ago)
• Topics: cssmodules, react, redux-toolkit, scss
• Language: TypeScript
• Homepage: https://weebflix-remastered.vercel.app
• Size: 11.3 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# [Deploy link](https://weebflix-remastered.vercel.app/)

---

## Go to the backend directory to run server

## Stack:

Frontend: `React, typescript, rtk(rtkq), css-modules(scss), framer-motion, react-hook-form + zod, react-error-boundary, router-dom, swiper, axios, craco-webpack, i18n, react-toastify, dayjs, chartjs`

Backend: `nodejs, express, mongoose, puppeteer, jsonwebtokens + bcrypt, dotenv`

---

## Project startup:

#### Create .env with credentials below in backend directory beforehand!

> PASSWORD = wpgVM1TO8H7aThD1

> PORT = 4001

> TOKEN_SECRET = bedstvie

`Local machine:`

1. Clone repository `git clone`

2. Install packages both for frontend and backend `npm install`

3. Run the project (Frontend: `npm start`, Backend: `npm run dev`)

`Docker:`

1. `docker-compose up --build`

2. Go to `http://localhost:3000/`

---

## Screenshots:

![Screenshot 1](screenshot1.png)

![Screenshot 2](screenshot2.png)

![Screenshot 3](screenshot3.png)

---

## Functionality

**- Responsive, mobile-friendly layout**

**- RTKQ to fetch data from endpoints**

**- Carousels**

**- Dynamic routing**

**- Search, filters, ordering and sorting**

**- Infinite scrolling/pagination**

**- Integrated player by using parser on serverside**

**- I18N**

**- Auth**

**- User profile: star ratings, watchlists, favorites**

**- Animations, skeletons, toasts**