Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/odisseu93/desafio-codelandia-02

Segundo desafio frontend da comunidade Codelândia
https://github.com/odisseu93/desafio-codelandia-02

bun codelandia codelandia-challenges front-end front-end-development frontend frontend-web react reactjs tailwind tailwind-css tailwindcss tyepscript

Last synced: about 2 months ago
JSON representation

Segundo desafio frontend da comunidade Codelândia

Awesome Lists containing this project

README

        

# Desafio Codelândia - 02
![image](/preview/desktop_1.png)

O dasafio consiste em criar a UI no frontend a partir do design oferecido no Figma

## Codelândia
Codelândia é uma comunidade que te ajuda a aprender mais por meio de desafios. Basicamente em um período de tempo é lançado um desafio e você faz esse desafio para aprendizado com a tecnologia que quiser. A comunidade também tem memes, materiais de estudo, networking e muito mais :)

## Tecnologias usadas no projeto
- [React](https://react.dev/)
- [TypeScript](https://www.typescriptlang.org/)
- [Vite(*bundle*)](https://vitejs.dev/)
- [bun(*runtime*)](https://bun.sh/)
- [TailWind CSS](https://tailwindcss.com/)

## Executando localmente

para rodar o projeto, siga os passo abaixo:

0. instale o bun
*([link da documentação](https://bun.sh/docs/installation))*

1. Clone o repositório do projeto:

```bash
git clone https://github.com/Odisseu93/desafio-codelandia-02
```

2. navegue até a pasta raiz do projeto

```bash
cd app/desafio-codelandia-02
```

3. Instale todas as dependencias:

```bash
bun install
```

4. Inicie o development server:

```bash
bun dev
```

## Design
**Figma: [🔗️](https://www.figma.com/file/Yb9IBH56g7T1hdIyZ3BMNO/Desafios---Codel%C3%A2ndia?type=design&node-id=201979%3A3620&mode=dev)**

**Autor: [Iuri Silva](https://www.instagram.com/iuricode/)**

## Live site
**[🔗️](https://desafio-codelandia-02.vercel.app/)**

## Screenshots

click aqui para abrir

![](preview/desktop_1.png)
![](preview/desktop_2.png)
![](preview/mobile_1.png)
![](preview/mobile_2.png)

## Desenvolvedor


developer: Ulisses Silvério





site