Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/stephanybrazeir0/tayosushi

Projeto de landing page que apresenta um restaurante de sushi com HTML, CSS e JavaScript
https://github.com/stephanybrazeir0/tayosushi

acessibility animation css figma flexbox grid-layout html javascript parallax-effect

Last synced: 7 days ago
JSON representation

Projeto de landing page que apresenta um restaurante de sushi com HTML, CSS e JavaScript

Host: GitHub
URL: https://github.com/stephanybrazeir0/tayosushi
Owner: stephanybrazeir0
Created: 2024-01-16T12:54:30.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2024-01-24T18:21:33.000Z (about 1 year ago)
Last Synced: 2024-12-03T06:31:26.392Z (2 months ago)
Topics: acessibility, animation, css, figma, flexbox, grid-layout, html, javascript, parallax-effect
Language: CSS
Homepage: https://stephanybrazeir0.github.io/tayosushi/
Size: 1.57 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Tayo Sushi 🍣🥢
![site](https://github.com/stephanybrazeir0/tayosushi/assets/126080431/fe76cce7-ff23-43ca-acf8-955b97b8cb31)

Link do deploy: https://stephanybrazeir0.github.io/tayosushi/

## 🎉 Sobre o projeto
Tayo Sushi é um projeto de landing page que visa colocar em prática minhas habilidades em **HTML**, **CSS** e **JavaScript**, apresentando um restaurante de sushi.

Desenvolvi todo o design no [Figma](https://www.figma.com/file/OrywTr6k3P75O3gumCTnIp/tayo-sushi?type=design&node-id=0%3A1&mode=design&t=iMfyNuntV4YHWUC4-1) e implementei técnicas de desenvolvimento web, além de focar em uma experiência de usuário(UX/UI Design).

Site totalmente responsivo.

Status: ✔️Finalizado

## 💻 Recursos e Tecnologias Utilizadas
- **Figma**: focando no UX/UI Design.
- **HTML**: estruturação do conteúdo da página e acessibilidade.
- **CSS**: utilização de Flexbox e Grid Layout para layout responsivo, CSS utilitário e efeito Parallax.
- **JavaScript**: criação de interação com o usuário no botão do menu e adição de Plugin Simple Anime para animações.

## 📚 Seções
- **Sobre nós**: breve introdução sobre a história do Tayo Sushi.
- **Cardápio**: apresentação dos que é oferecido, com imagens e descrições.
- **Reserva**: exibe algumas características do lugar além de ter um botão para marcar a reserva.
- **Peça Agora**: seção para pedidos online.
- **Contato**: informações de contato.