Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/epiled/7-days-optimus-tech
7️⃣ Site dedicado à divulgação de oportunidades de emprego conforme a solicitação da empresa Optimus Tech. 📄
https://github.com/epiled/7-days-optimus-tech
css-modules css3 html5 react scss typescript
Last synced: about 1 month ago
JSON representation
7️⃣ Site dedicado à divulgação de oportunidades de emprego conforme a solicitação da empresa Optimus Tech. 📄
- Host: GitHub
- URL: https://github.com/epiled/7-days-optimus-tech
- Owner: Epiled
- License: mit
- Created: 2023-11-28T15:26:42.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-09T06:25:35.000Z (about 1 year ago)
- Last Synced: 2023-12-09T07:25:39.841Z (about 1 year ago)
- Topics: css-modules, css3, html5, react, scss, typescript
- Language: TypeScript
- Homepage: https://epiled.github.io/7-days-optimus-tech/
- Size: 1.5 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 7️⃣📄 Days Optimus Tech
Participei do desafio de código 'HTML e CSS: Criando uma página completa de "Vagas"' durante a 7 Days of Code, na categoria de front-end. Este desafio foi conduzido por meio de mentoria com a experiente Giovanna Moeller.
| :placard: Vitrine.Dev | |
| ------------- | --- |
| :sparkles: Nome | **Optimus Tech**
| :label: Tecnologias | react, typescript, sass, css modules, html, css, js, node![optimus-tech](https://github.com/Epiled/7-days-optimus-tech/assets/55258483/afc823f8-3c22-4d75-8540-abac28d99fcc#vitrinedev)
📃 Detalhes do projeto
Desenvolvemos um site dedicado à divulgação de oportunidades de emprego conforme a solicitação da empresa Optimus Tech. O projeto foi concluído em um prazo de sete dias, com cada dia destinado ao desenvolvimento de uma seção específica do site.
Implementamos o ESLint para assegurar a consistência e qualidade do código. Todo o desenvolvimento foi realizado utilizando React com TypeScript, e a estilização foi feita por meio de CSS Modules e Sass.
![Badge](https://img.shields.io/github/last-commit/Epiled/aluroni-2-router?style=for-the-badge)
![Badge](https://img.shields.io/github/languages/code-size/Epiled/aluroni-2-router?style=for-the-badge)
![Badge](https://img.shields.io/github/languages/count/Epiled/aluroni-2-router?style=for-the-badge)
![Bagde](https://img.shields.io/badge/repo%20status-Beta-cyan?style=for-the-badge)
![Bagde](https://img.shields.io/github/v/release/Epiled/aluroni-2-router?style=for-the-badge)
![Bagde](https://img.shields.io/github/license/Epiled/aluroni-2-router?style=for-the-badge)![Badge](https://img.shields.io/badge/-React-61DAFB?style=for-the-badge&logo=react&logoColor=black)
![Badge](https://img.shields.io/badge/-Typescript-3178C6?style=for-the-badge&logo=typescript&logoColor=white)
![Badge](https://img.shields.io/badge/-Sass-CC6699?style=for-the-badge&logo=sass&logoColor=white)
![Badge](https://img.shields.io/badge/-CSS%20Modules-000000?style=for-the-badge&logo=cssmodules&logoColor=white)
![Badge](https://img.shields.io/badge/-HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)
![Badge](https://img.shields.io/badge/-CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)
![Badge](https://img.shields.io/badge/-JS-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)
![Badge](https://img.shields.io/badge/-Node.js-339933?style=for-the-badge&logo=node.js&logoColor=white)📑 Tabela de Conteúdos
* [Detalhes do projeto](#detalhes-do-projeto)
* [Referência](#referencia)
* [Demonstração](#demonstracao)
- [Home](#home)
* [Pré-Requisito](#pre-requisito)
* [Instalação](#instalacao)
* [Como usar](#como-usar)
* [Tecnologias](#tecnologias)
* [Autor](#autor)📌 Referência
Figma: Link
👀 Demonstração
Home
https://github.com/Epiled/7-days-optimus-tech/assets/55258483/14c8fe0c-0247-4755-98cd-3106d9c12100
https://github.com/Epiled/7-days-optimus-tech/assets/55258483/487a997d-b856-4100-a2a7-7ef5605333e2
🚨 Pré-requisito
- Node
⚙ Instalação
```
1. git clone https://github.com/Epiled/7-days-optimus-tech.git
2. cd 7-days-optimus-tech
3. npm install
```
👩🏫 Como usar
```
1. npm start
```
Caso a url não abra sozinha acesse a url [http://localhost:3000](http://localhost:3000)
🛠 Tecnologias
As seguintes tecnologias foram usadas na construção deste projeto:
👨💻 Autor
![Felindo](https://user-images.githubusercontent.com/55258483/178338085-2cea8bf2-6d0c-409a-9d0e-23359b7d303e.png)
Felipe De Andrade
Feito com ❤️ por Felipe De Andrade 👋🏽 Entre em contato!
[![Linkedin Badge](https://img.shields.io/badge/-Felipe-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/fademendonca/)](https://www.linkedin.com/in/fademendonca/)
[![Gmail Badge](https://img.shields.io/badge/[email protected]?style=flat-square&logo=Gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])
[![Instagram Badge](https://img.shields.io/badge/-Instagram-e4405f?style=flat-square&logo=Instagram&logoColor=white&link=https://www.instagram.com/felipe.deam/)](https://www.instagram.com/felipe.deam/)
[![Codepen Badge](https://img.shields.io/badge/-Codepen-000000?style=flat-square&logo=Codepen&logoColor=white&link=https://codepen.io/epiled)](https://codepen.io/epiled)