https://github.com/diegoreports/bike-tailwindcss

Project in Reactjs, developed as an object of study in a Tailwindcss class. It aims to explore the resources of utility classes, as well as gain greater knowledge in customizing properties and themes.
https://github.com/diegoreports/bike-tailwindcss

bicicleta biker css framer-motion javascript javascript-mastery landing-page landing-page-bicicleta landing-page-biker mobile postcss reactjs responsive-design tailwindcss vite

Last synced: 18 days ago
JSON representation

Project in Reactjs, developed as an object of study in a Tailwindcss class. It aims to explore the resources of utility classes, as well as gain greater knowledge in customizing properties and themes.

• Host: GitHub
• URL: https://github.com/diegoreports/bike-tailwindcss
• Owner: DiegoReports
• Created: 2023-10-07T01:46:40.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-03-13T13:48:50.000Z (10 months ago)
• Last Synced: 2024-03-13T14:59:38.143Z (10 months ago)
• Topics: bicicleta, biker, css, framer-motion, javascript, javascript-mastery, landing-page, landing-page-bicicleta, landing-page-biker, mobile, postcss, reactjs, responsive-design, tailwindcss, vite
• Language: JavaScript
• Homepage: https://bike-tailwindcss.vercel.app
• Size: 7.37 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
🚲 BIKER STORE


Landing page customizada com Tailwindcss, para exibir loja de venda de bicicletas para todas as modalidades e estilos.

## Demonstração

![Capa.png](./public/Capa.png)

## React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh

- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Referências

- [Documentação Tailwindcss](https://tailwindcss.com/doc)

- [Aula Tailwindcss - Javascript Mastery](https://www.youtube.com/watch?v=tS7upsfuxmo)

- [Documentação Framer Motion](https://www.framer.com/motion)

- [Figma - Personalização e prototipagem](https://www.figma.com/)

## Features

- Seleção de Bikes do Card (seção Hero)

- Animações com Framer Motion

- Menu Mobile

- Botão Voltar para o Topo

- Scroll personalizado

## Instalação

```bash

# Clonar repo

$ git clone https://github.com/DiegoReports/bike-tailwindcss.git

$ cd bike-tailwindcss

$ npm install

```

## Running the App

```bash

$ npm run dev

```

## Autores

- [@dh.reports](https://www.instagram.com/dh.reports) (Instagram)