Devee

libs/.babelrc

@@ -0,0 +1,16 @@
+{
+  "presets": [
+    [
+      "@nrwl/react/babel", {
+        "runtime": "automatic",
+        "useBuiltIns": "usage"
+
+      }
+    ]
+  ],
+  "plugins": [
+
+
+
+  ]
+}

libs/README.md

@@ -0,0 +1,7 @@
+# libs
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test libs` to execute the unit tests via [Jest](https://jestjs.io).

libs/jest.config.ts

@@ -0,0 +1,11 @@
+/* eslint-disable */
+export default {
+  displayName: 'libs',
+  preset: '../jest.preset.js',
+  transform: {
+    '^(?!.*\\.(js|jsx|ts|tsx|css|json)$)': '@nrwl/react/plugins/jest',
+    '^.+\\.[tj]sx?$': ['babel-jest', { presets: ['@nrwl/react/babel'] }]
+  },
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
+  coverageDirectory: '../coverage/libs'
+};

components/project.json → libs/project.json

@@ -1,7 +1,7 @@
 {
-  "name": "components",
+  "name": "libs",
   "$schema": "../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "components/src",
+  "sourceRoot": "libs/src",
   "projectType": "library",
   "tags": [],
   "targets": {
@@ -12,7 +12,7 @@
       ],
       "options": {
         "lintFilePatterns": [
-          "components/**/*.{ts,tsx,js,jsx}"
+          "libs/**/*.{ts,tsx,js,jsx}"
         ]
       }
     },
@@ -22,7 +22,7 @@
         "{workspaceRoot}/coverage/{projectRoot}"
       ],
       "options": {
-        "jestConfig": "components/jest.config.ts",
+        "jestConfig": "libs/jest.config.ts",
         "passWithNoTests": true
       },
       "configurations": {

libs/src/components/carousel.tsx

@@ -0,0 +1,21 @@
+export default function Carousel() {
+  return (
+    <div className="container">
+      <div className="left">
+        <div className="parag1">
+          <p id="pa1">Movies</p>
+          <p id="pa2">532 Titles</p>
+        </div>
+      </div>
+      <img id="img1" src="/images/Movie11nobg 1.png" />
+
+      <div className="right">
+        <div className="parag">
+          <p id="p1">Anime</p>
+          <p id="p2">532 Titles</p>
+        </div>
+      </div>
+      <img id="img2" src="/images/Anime1nobg 1.png" />
+    </div>
+  );
+}

libs/src/components/example.tsx

@@ -0,0 +1,5 @@
+//@ts-ignore
+export function ExampleComponent({children}){
+
+    return <h1>This is just for reference {children}</h1>
+}

libs/src/components/index.ts

@@ -0,0 +1,3 @@
+export * from './example'
+export * from './splashscreen'
+export * from './carousel'

libs/src/components/splashscreen.tsx

@@ -0,0 +1,36 @@
+export default function splashscreen () {
+    return(
+        <>
+        <div className='header'>
+      <img src='/images/movie 1.png'
+       style={
+        {
+          clipPath: 'polygon(100% 7%, 100% 58%, 0% 100%, 0 49%)'
+        }
+       }
+       />
+       </div>
+       <div className='header2'>
+       <img src='/images/Stranger-things-4 1.png'
+       style={
+        {
+          clipPath: ' polygon(100% 7%, 100% 55%, 0 100%, 0 49%)'
+        }
+       }
+
+       />
+      </div>
+       <div>
+       <img src='/images/Animeee 1.png'
+       style={
+        {
+          clipPath: ' polygon(100% 2%, 100% 55%, 0 100%, 0 49%)'
+        }
+       }
+
+       />
+      </div>
+
+        </>
+    )
+}

libs/src/index.ts

@@ -0,0 +1,3 @@
+
+export * from './lib/libs';
+export * from './components'

components/src/lib/components.spec.tsx → libs/src/lib/libs.spec.tsx

@@ -1,11 +1,11 @@
 import { render } from '@testing-library/react';
 
-import Components from './components';
+import Libs from './libs';
 
-describe('Components', () => {
+describe('Libs', () => {
 
   it('should render successfully', () => {
-    const { baseElement } = render(<Components />);
+    const { baseElement } = render(<Libs />);
     expect(baseElement).toBeTruthy();
   });
 

libs/src/lib/libs.tsx

@@ -0,0 +1,28 @@
+
+
+
+
+
+  import styles from './libs.module.css';
+
+
+/* eslint-disable-next-line */
+export interface LibsProps {
+}
+
+
+
+export function Libs(props: LibsProps) {
+  return (
+    <div className={styles['container']}>
+
+      <h1>Welcome to Libs!</h1>
+
+    </div>
+  );
+};
+
+
+export default Libs;
+
+

components/tsconfig.json → libs/tsconfig.json

@@ -4,7 +4,7 @@
     "allowJs": false,
     "esModuleInterop": false,
     "allowSyntheticDefaultImports": true,
-    "strict": true
+    "strict": true,
   },
   "files": [],
   "include": [],

libs/tsconfig.lib.json

@@ -0,0 +1,13 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../dist/out-tsc",
+    "types": ["node"]
+  },
+  "files": [
+    "../node_modules/@nrwl/react/typings/cssmodule.d.ts",
+    "../node_modules/@nrwl/react/typings/image.d.ts"
+  ],
+  "exclude": ["jest.config.ts", "src/**/*.spec.ts", "src/**/*.test.ts", "src/**/*.spec.tsx", "src/**/*.test.tsx", "src/**/*.spec.js", "src/**/*.test.js", "src/**/*.spec.jsx", "src/**/*.test.jsx"],
+  "include": ["src/**/*.js", "src/**/*.jsx", "src/**/*.ts", "src/**/*.tsx"]
+}

movie-app/pages/_app.tsx

@@ -1,8 +1,8 @@
 import { AppProps } from 'next/app';
 import Head from 'next/head';
 import './styles.css';
-
 function CustomApp({ Component, pageProps }: AppProps) {
+
   return (
     <>
       <Head>
@@ -11,6 +11,7 @@ function CustomApp({ Component, pageProps }: AppProps) {
       <main className="app">
         <Component {...pageProps}/>
       </main>
+
     </>
   );
 };