https://github.com/queirozz8/instagram-clone-app
An app that clones the frontend of the Instagram login page.
https://github.com/queirozz8/instagram-clone-app
css css3 html html-css-javascript html5 htmlcssjavascript instagram instagram-clone javascript js json login-page
Last synced: 7 months ago
JSON representation
An app that clones the frontend of the Instagram login page.
- Host: GitHub
- URL: https://github.com/queirozz8/instagram-clone-app
- Owner: queirozz8
- License: mit
- Created: 2024-11-22T20:56:52.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-13T03:31:41.000Z (about 1 year ago)
- Last Synced: 2025-01-30T10:22:11.063Z (about 1 year ago)
- Topics: css, css3, html, html-css-javascript, html5, htmlcssjavascript, instagram, instagram-clone, javascript, js, json, login-page
- Language: HTML
- Homepage: https://instagram-rick.vercel.app/
- Size: 1.37 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
An app that clones the frontend of the Instagram login page.
ENGLISH VERSION
I recommend you to install the Live Server extension or similar in your Visual Studio Code to open the archive.
1. First, do a git clone of this project:
```
git clone https://github.com/queirozz8/instagram-clone-app.git
```
2. Go to the directory of the project:
```
cd Instagram-Clone-App/
```
3. Run this command to install all the dependencies (Tailwind CSS):
```
npm install
```
4. Run the `build:css` script to create `output.css` inside `dist/`, minify it and run the software:
```
npm run build:css
```
5. Execute the HTML archive, or open the archive with Live Server in your Visual Studio Code.
That's it! This project was made by Rick with ☕ and 💻.
VERSÃO EM PT-BR
Eu recomendo você instalar a extensão Live Server ou uma similar no seu Visual Studio Code para abrir o arquivo.
1. Primeiro, faça um git clone desse projeto:
```
git clone https://github.com/queirozz8/Instagram-Clone-App.git
```
2. Vá para o diretório do projeto:
```
cd Instagram-Clone-App/
```
3. Rode esse comando para instalar todas as dependências (Tailwind CSS):
```
npm install
```
4. Rode o script `build:css` para criar `output.css` dentro de `dist/`, reduzir o tamanho dele e rodar o software:
```
npm run build:css
```
5. Execute o arquivo HTML, ou abra o arquivo com o Live Server no seu Visual Studio Code.
É isso! Este projeto foi criado por Rick com ☕ e 💻.