Deploy link

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:

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