CineFlix

---

📌 Table of Contents

• 🏠 About
• 🎯 Installation
  • ⚙️ Install dependencies
  • 🚀 Getting started
• 💻 Techs
• 👤 Author
• 🤝 Contributing
• 📜 License

---

🏠 About

This project was developed in typescript language, using reactJs framework.

I used vite during development to speed up the creation of static pages for real-time viewing.

I used javascript and json languages ​​as secondary languages, just for the configuration files.

I used the commitlint, @commitlint/config-conventional, commitizen and cz-conventional-changelog libraries to keep the patterns in the commits, the prettier, @trivago/prettier-plugin-sort-imports and eslint (config: prettier, react, react-hooks, tailwindcss; plugins: prettier, @typescript-eslint, react, react-hooks, tailwindcss; parser: @typescript-eslint) libraries to maintain formatting standards, also helping to remove errors in the code, and the husky, lint-staged libraries to automate tasks before committing new code to ensure that the code is formatted and without errors.

I used phosphor for icons styled.

I used tailwindcss, postcss and autoprefixer to style css with component accessibility.

This project is about a website that lists movies.

You can access the project through the link published at firebase.

---

🎯 Installation

First you need to install:

• Node.js (required)

• Pnpm (optional)

  Then in order, clone the project.

By HTTPS, running this command:

  git clone https://github.com/LeoMSSilva/cineflix.git

Or by ssh, running this command:

  git clone git@github.com:LeoMSSilva/cineflix.git

SSH is a secure protocol, but you need to register a key ssh in your github before.

🛠️ Install dependencies

  pnpm install

🚀 Getting Started

  pnpm run dev

---

💻 Techs

• Commitlint
  • @commitlint/config-conventional
• Commitizen
  • cz-conventional-changelog
• Eslint
  • config:
    • prettier
    • react",
    • react/jsx-runtime",
    • react-hooks",
    • tailwindcss"
  • plugins:
    • prettier
    • @typescript-eslint
    • react
    • react-hooks
    • tailwindcss
  • parser:
    • @typescript-eslint
• Javascript
• Husky
• Lint-staged
• Phosphor
• Prettier
  • @trivago/prettier-plugin-sort-imports
• ReactJs
• TailwindCss
• Typescript
• Vite

---

👤 Author

LeoMSSilva

• Github: @LeoMSSilva
• LinkedIn: @LeoMSSilva

---

🤝 Contributing

Contributions, issues and feature requests are welcome! Feel free to file a new issue on the cineflix repository. If you already found a solution to your problem, I would love to review your pull request!

---

📜 License

Copyright ©️ 2023 LeoMSSilva.
This project is MIT licensed.

---