Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lostovayne/dark-saas-blockchain-site
Landing Page sobre BlockChain, que maneja una entidad completa, cuenta con animaciones y diseño responsivo
https://github.com/lostovayne/dark-saas-blockchain-site
astro framer-motion markdown react typescript
Last synced: 2 months ago
JSON representation
Landing Page sobre BlockChain, que maneja una entidad completa, cuenta con animaciones y diseño responsivo
- Host: GitHub
- URL: https://github.com/lostovayne/dark-saas-blockchain-site
- Owner: Lostovayne
- Created: 2024-09-07T07:18:36.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-10-20T20:43:15.000Z (3 months ago)
- Last Synced: 2024-10-21T01:15:26.304Z (3 months ago)
- Topics: astro, framer-motion, markdown, react, typescript
- Language: TypeScript
- Homepage: https://dark-blockchain.vercel.app
- Size: 3.99 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Descripción del Proyecto
Blockforge es una plataforma innovadora que ofrece soluciones blockchain de vanguardia para empresas y desarrolladores. Este sitio web moderno y dinámico está construido con Astro y React, enfocado en presentar las capacidades y servicios de una plataforma blockchain. El diseño utiliza una paleta de colores oscuros con acentos en tonos de fuchsia, creando una estética futurista y tecnológica.
## Características Principales
- Diseño responsivo y moderno
- Secciones interactivas con animaciones suaves
- Blog integrado con artículos sobre blockchain y tecnología
- Sección de carreras para oportunidades de trabajo
- Integración de componentes React para funcionalidades dinámicas
## Tecnologías Utilizadas
- [Astro](https://astro.build/)
- [React](https://reactjs.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [TypeScript](https://www.typescriptlang.org/)
## Estructura del Proyecto
```
blockforge/
│
├── src/
│ ├── components/
│ ├── content/
│ │ ├── blog/
│ │ └── positions/
│ ├── layouts/
│ ├── pages/
│ ├── sections/
│ └── styles/
│
├── public/
│ └── assets/
│ └── images/
│
├── astro.config.mjs
├── tailwind.config.mjs
├── tsconfig.json
└── package.json
```
## Instalación y Uso
1. Clona el repositorio:
```
git clone https://github.com/tu-usuario/blockforge.git
```
2. Instala las dependencias:
```
cd blockforge
npm install
```
3. Inicia el servidor de desarrollo:
```
npm run dev
```
4. Abre tu navegador y visita `http://localhost:3000`
## Secciones Principales
### Hero
La sección Hero presenta una introducción impactante a Blockforge con animaciones y formas geométricas.
```tsx
export const HeroSection = () => {
return (
Introducing Blockforge
The Future of Blockchain is Here.
Blockforge is pioneering smart contract integrity with cutting-edge data solutions.
{/* ... (código adicional) ... */}
);
}
```
### Características
La sección de características muestra las capacidades clave de Blockforge utilizando tarjetas interactivas.
```tsx
const FeaturesCardsSection = () => {
return (
Discover the future of blockchain with Blockforge.
{/* ... (código de las tarjetas de características) ... */}
);
};
```
### Blog
El blog presenta artículos sobre blockchain, criptomonedas y tecnología relacionada.
Ejemplo de un artículo del blog:
```markdown
---
title: "Blockchain Security: Protecting Digital Assets"
description: "Explore the key security features of blockchain technology and how it keeps digital assets safe from cyber threats."
pubDate: "2024-08-16"
category: Security
slug: "blockchain-security-protecting-digital-assets"
author:
name: "John Smith"
title: "Sr. Developer - BlockWorld"
image: "/assets/images/john.jpg"
---
## Understanding the Basics of Blockchain Security
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
{/* ... (contenido del artículo) ... */}
```
## Contribución
Las contribuciones son bienvenidas. Por favor, abre un issue o realiza un pull request para sugerir cambios o mejoras.
## Licencia
Este proyecto está bajo la Licencia MIT. Consulta el archivo `LICENSE` para más detalles.
---
Esperamos que este README proporcione una visión general completa del proyecto Blockforge. Si tienes alguna pregunta o necesitas más información, no dudes en contactarnos.