Code Monkey home page Code Monkey logo

unihive's Introduction

UNIHIVE | Dashboard acadêmica 🏫

Desktop Homepage

UNIHIVE 🏫


A UNIHIVE é um painel administrativo de alunos de faculdades desenvolvido com React, Typescript, Next.js, ShadCN/UI, Tailwind CSS e Vercel. Descubra o poder da gestão acadêmica simplificada.

Funcionalidades 🎯

  • Interface de usuário, navegação e design
    • Através da combinação de React + Tailwind + ShadCN/UI foi criado uma interface moderna, atraente, intuitiva e totalmente responsiva.
  • Login com Clerk
    • Integração simplificada de cadastro e login utilizando o sistema disponibilizado pela Clerk.
  • Painel administrativo
    • Área dedicada a usuarios logados para cadastrar alunos e cursos.

Como acessar a pagina ⚙️

Techstack 🎯

React Typescript NextJS Tailwind ShadCNUI Vercel React Hook Form
  • Junto com essas tecnologias também foram usadas as seguintes bibliotecas: Clerk, Date-fns, React Country Flag, React Hot Toasts e React Icons.
  • Para obter dados fictícios de alunos foi utilizado a API fornecida pela Random User Generator

Gallery 📷

Desktop

desktop desktop desktop desktop

Mobile

mobile mobile mobile mobile

Redes sociais para contato! 💬

Instagram LinkedIn Gmail

Configurando e Executando a Aplicação Front-end Localmente

Para executar a aplicação front-end localmente, siga estes passos:

Instalação

  1. Clone o repositório para sua máquina local usando o seguinte comando:
    git clone https://github.com/gui-bus/UNIHIVE.git
    
  2. Navegue até o diretório do projeto:
    cd UNIHIVE
    
  3. Instale as dependências:
    npm install
    
  4. Crie um arquivo .env e adicione as seguintes informações:
    NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=[ADD YOUR CLERK KEY]
    CLERK_SECRET_KEY=[ADD YOUR CLERK SECRET KEY]
    
  5. Uma vez que a instalação estiver completa, você pode executar a aplicação usando o seguinte comando:
    npm run dev
    
  6. Abra seu navegador da web e navegue para localhost

Precisa de uma pagina personalizada para o seu negócio? 🚀

  • Se você gostou do projeto da UNIHIVE e está interessado em ter uma página para o seu negócio, entre em contato! Estou disponível para desenvolver sites personalizados e adaptados às necessidades da sua empresa.
    Vamos transformar sua visão em realidade!

  • Entre em contato através das minhas redes sociais ou envie-me um e-mail para [email protected].

UNIHIVE

unihive's People

Contributors

gui-bus avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.