Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/israelkilday/gabrielle-medeiros

Este é um projeto freelancer desenvolvido para o salão de beleza Gabrielle Medeiros. O objetivo do projeto foi criar uma landing page moderna e funcional, destacando os serviços oferecidos pelo salão, com foco na especialidade de alisamento personalizado.
https://github.com/israelkilday/gabrielle-medeiros

context-api eslint framer-motion git husky jsx nextjs14 prettier react-countup react-icons react-player react-responsive reactjs shadcn-ui tailwindcss typescript vercel

Last synced: 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/israelkilday/gabrielle-medeiros
Owner: Israelkilday
License: mit
Created: 2024-07-21T20:12:33.000Z (6 months ago)
Default Branch: main
Last Pushed: 2024-08-05T17:24:56.000Z (6 months ago)
Last Synced: 2024-11-22T16:08:05.379Z (2 months ago)
Topics: context-api, eslint, framer-motion, git, husky, jsx, nextjs14, prettier, react-countup, react-icons, react-player, react-responsive, reactjs, shadcn-ui, tailwindcss, typescript, vercel
Language: TypeScript
Homepage: https://gabrielle-medeiros.vercel.app
Size: 141 MB
Stars: 2
Watchers: 1
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # 💃 GABRILLE MEDEIROS








**_[GABRIELLE MEDEIROS](https://gabrielle-medeiros.vercel.app/)_** É um projeto freelancer desenvolvido para o salão de beleza Gabrielle Medeiros. O objetivo do projeto foi criar uma landing page moderna e funcional, destacando os serviços oferecidos pelo salão, com foco na especialidade de alisamento personalizado.

 


## 🎬 Vídeo do projeto

https://github.com/user-attachments/assets/301f2b83-8eb2-45b6-95a9-5a811d5fb147

## ⚙️ Pré-requisitos

- **_Next.js_** (v14.0.0 ou superior)

- **_npm_** (v6.0.0 ou superior)

## 🚀 Destaques:

- [x] **_Interface de usuário, navegação e design._**

- Através da combinação de `Next.js` + `Tailwind` + `ShadCN/UI` foi criado uma interface moderna, atraente, intuitiva e totalmente responsiva.

- [x] **_Design Responsivo._**

- A landing page é totalmente responsiva, garantindo uma experiência de usuário consistente em dispositivos móveis, tablets e desktops.

- [x] **_Modal com Vídeo._**

- Um botão na página inicial abre um modal exibindo um vídeo promocional do salão.

  ## 🛠️ Principais Tecnologias

- **_[Next.14](https://nextjs.org/)_**

- **_[Typescript](https://www.typescriptlang.org/)_**

- **_[React.js](https://pt-br.legacy.reactjs.org/)_**

- **_[Contex API](https://legacy.reactjs.org/docs/context.html)_**

- **_[React Countup](https://www.npmjs.com/package/react-countup)_**

- **_[React Player](https://www.npmjs.com/package/react-player)_**

- **_[React Responsive](https://www.npmjs.com/package/react-responsive?activeTab=readme)_**

- **_[React Icons](https://react-icons.github.io/react-icons/)_**

- **_[JSX](https://pt-br.legacy.reactjs.org/docs/introducing-jsx.html)_**

- **_[Framer Motion](https://www.framer.com/motion/)_**

- **_[TailwindCSS](https://tailwindcss.com/)_**

- **_[Shadcn/ui](https://ui.shadcn.com/)_**

- **_[Vercel](https://vercel.com/docs)_**

- **_[Husky](https://www.freecodecamp.org/portuguese/news/como-adicionar-hooks-de-commit-ao-git-com-husky-para-automatizar-tarefas/)_**

- **_[ESLint](https://eslint.org/)_**

- **_[Prettier](https://prettier.io/)_**

- **_[Git](https://www.git-scm.com/)_**

## 💻 Como Rodar o Projeto

1.  Clone o repositório: `git clone https://github.com/Israelkilday/GABRIELLE-MEDEIROS`

2.  Instale as dependências: `npm install`

3.  Inicie o servidor de desenvolvimento:

```bash

npm run dev

# or

yarn dev

# or

pnpm dev

# or

bun dev

```  

5.  Abra o navegador e acesse `http://localhost:3000`

## 📁 Estrutura de Diretórios

- `/app`: Código-fonte da aplicação.

- `/public`: Arquivos públicos.

## 🤝 Contribuição

Se você deseja contribuir com este projeto, siga estas etapas:

1. Fork o repositório.

2. Crie uma branch para sua contribuição:

   ```shell

   git checkout -b minha-contribuicao

   ```

3. Faça suas alterações e commit:

   ```shell

   git commit -m 'Minha contribuição'

   ```

4. Envie sua branch:

   ```shell

    git push origin minha-contribuicao

   ```

5. Abra uma solicitação pull.

## 🔗 Link do Projeto

https://gabrielle-medeiros.vercel.app/

## 🧠 Autor

[email protected]

[![linkedin](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/israel-kilday-machado-de-souza-801482230) 





### Obrigado por visitar meu projeto! 👋

 
(voltar ao topo)