/accord

Project created in accordion model with React.js, TailwindCss and JavaScript

Primary LanguageJavaScript

💻 Web_project - React.JS, TailwindCSS, Vite and JavaScript


Documentation # Tailwindcss And Nextjs

  • For full documentation, visit tailwindcss.com.
  • For full documentation, visit Vitejs.
  • For full documentation, visit JS.
  • For full documentation, visit reactjs.

Technologies Used

  • React.js: Used to build a dynamic user interface with reusable components, facilitating project maintenance and scalability.

  • Vite: Empregado para a compilação e o hot-reload durante o desenvolvimento.

  • Tailwind CSS: Adopted to speed up front-end development, allowing efficient and responsive design customization directly in the markup, without the need to leave the HTML context.

  • Lucide-react: Biblioteca de ícones como componentes React para serem usados no Vite.

  • React Icons: Utilizado para adicionar ícones animados aos componentes de descrição.

Featured Resources

  • Responsiveness: Fluid design that adapts perfectly to any screen size, from smartphones to high-resolution monitors.
  • Carousel effects: Implementation of a dynamic carousel to highlight key elements, improving visual engagement.
  • Grid and Flex Layout: Intelligent use of grid and flexbox for an aesthetic and functional content layout, optimizing the user experience.
  • Stylized Buttons and Navbar: Customized design of buttons and navigation bar to complement the site's visual identity and facilitate navigation.
  • Sustainable Development: Adoption of TypeScript to improve the reliability and maintainability of the code, preparing the project for the future.

How to Run

  • To run the project in your local environment, follow the steps below:
  • git clone url-do-repositorio
  • cd nome-do-projeto
  • npm install
  • npm run dev

🔖 Project on air

You can visualize the project on air link

🔖 Git Clone

You can visualize the project link


Contributions

  • Contributions are welcome! If you have suggestions for improving the project or want to report bugs, feel free to open an issue or send a pull request.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

Code Splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

Analyzing the Bundle Size

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Making a Progressive Web App

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Advanced Configuration

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

Deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

npm run build fails to minify

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify


Contact

🛠 Front-end Back-endDeveloper Jr.
📍 São Jose dos Campos – SP - Brazil

LinkedIn Badge  Gmail Badge  Discord Badge  GitHub Badge