Movie Quotes is a social network where you can find any quote in millions of movie lines.
Node JS @12.X and up
npm @6 and up
-
[NextJs @12.2.3] - The React Framework for Production
-
[Typescript @4.7.4] - JavaScript with syntax for types.TypeScript is JavaScript with syntax for types
-
[tailwindcss @3.1.3] - CSS framework
-
[axios @0.27.2] - Promise based HTTP client for the browser and node.js
-
[formik @2.2.9] - Open source form library for React and React Native
-
[next-auth @4.10.2] - Authentication for Next.js
-
[next-i18next @11.3.0] - Translate Next.js apps
-
[socket.io-client @4.5.1] - Bidirectional and low-latency communication for every platform
-
yup @0.32.11 - Schema builder for value parsing and validation
-
react-infinite-scroll-component @6.1.0 - A component to make all your infinite scrolling woes go away
-
react-select @5.4.0 - Select Input control for ReactJS
-
react-drag-drop-files @2.3.7 - ReactJs drag and drop files library
1. First of all you need to clone repository from github:
git clone https://github.com/Saba-Var/Movie-Quotes-front.git2. Navigate to the repository
cd movie-quotes-front-Var-saba/3. Next step requires install all the dependencies
npm installor
yarn install4. copy .env
cp .env.example .env5. after that you can run application from terminal:
npm run devRuns the app in the development mode. Open http:https://localhost:3000 to view it in your browser.
├─── .github
│ └── workflows
├─── readme
├─── components
│ ├── component-group-folder
│ │ ├── individual-component-folder
│ │ │ ├── component-file.tsx
│ │ │ ├── index.ts
│ │ │ ├── types.d.ts [#OPTIONAL]
│ │ │ └── costum-hook.tsx [#OPTIONAL]
│ │ └── index.ts
│ └── index.ts
├─── context
│ ├── socket.context.tsx
│ ├── types.d.ts
│ └── index.ts
├─── helpers
│ ├── helper-file.ts
│ ├── types.d.ts
│ └── index.ts
├─── hooks
│ ├── hook-file.ts
│ └── index.ts
├─── pages
│ ├── api
│ ├── page-folder
│ │ ├── index.tsx
│ │ └── [id].tsx [#OPTIONAL]
│ ├── _app.tsx
│ ├── 404.tsx
│ ├── index.tsx
│ └── index.unauthorized.tsx
├─── public
│ ├── assets
│ │ ├── fonts
│ │ └── images
│ ├── locales
│ │ ├── en
│ │ └── ge
│ ├── favicon.ico
│ └── index.tsx
├─── readme
│ └── assets
├─── schemas
│ ├── form.ts
│ └── index.ts
├─── services
│ ├── service-file.ts
│ ├── axios.ts
│ ├── types.d.ts
│ └── index.ts
├─── styles
│ └── global.css
├─── types
│ ├── global.d.ts
│ └── index.ts
│- .env
│- .env.example
│- .eslintrc.json
│- .gitignore
│- .prettierrc.json
│- next-env.d.ts
│- next-i18next.config.js
│- next.config.js
│- package.json
│- postcss.config.js
│- README.md
│- tailwind.config.js
│- tsconfig.json