FletNix

FletNix is a search and filtering app for TV shows and movies available on Netflix. With all the textual data about the shows, FletNix allows users to easily search and filter through the list of TV shows and movies. Whether you're looking for a specific show or trying to narrow down your options, FletNix has got you covered.

Features

• User authentication - Users can create accounts and log in securely to access the app's features.

• Age restriction - FletNix restricts "R" rated content for users below a certain age.

• Paginated list - User will see a paginated list of 15 items per page.

• Search functionality - Users can search for specific TV shows or movies by title or keyword.

• Filter functionality - Filter the content on the basis of type (TV Shows / Movies)

• Detail page - User can click on any of the Movie/TV Show box and get much more detail about that particular item.

• Dark or Light theme - FletNix offers users the choice of a dark or light theme for optimal viewing experience.

Screenshots

Installation

Install Fletnix Fronend with npm

• Clone this repo

git clone https://github.com/PriyanshShrivastava/FletNix-Frontend.git

• Navigate to the project directory:

cd FletNix-Frontend

• Install the dependencies:

npm install

• Start the server:

npm start (considering you have @angular/cli already installed)

• Incase you have not already installed angular/cli globally, run this command before starting the server :

sudo npm i -g @angular/cli

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

Tech Stack : MEAN

Technology and Packages used:

Front end:

• Angular - A component based js Framework to build UI.
• TailwindCSS - Tailwind CSS is a utility-first CSS framework.
• ngx-ui-loader: A package to show loading animation.

Back end:

• Nodejs - A run time environment for JS.
• Expressjs - A minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications.

Database:

• MongoDB - MongoDB is an open-source document database and leading NoSQL database.

Hosting:

• Vercel

Contributions

This repository is for an assignment and contributions are not accepted at this time. Thank you for your understanding.

Authors

• Priyansh Shrivastava

Documentation

• Angular Documentation.

License

This project is licensed under the MIT License - see the LICENSE.md file for details.