Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/darioalbor/profilesocialmedia

Una página de perfil inspirada en las redes sociales modernas, usando transiciones y componentes simples vanilla. 📱🚀
https://github.com/darioalbor/profilesocialmedia

cssmodules javascript nextjs reactjs

Last synced: about 1 month ago
JSON representation

Una página de perfil inspirada en las redes sociales modernas, usando transiciones y componentes simples vanilla. 📱🚀

Awesome Lists containing this project

README

        

# Profile Social Media 🚀

[Español](README.md) / [Inglés](README_en.md)

Una página de perfil inspirada en las redes sociales modernas, usando transiciones y componentes simples vanilla.

## Descripción

Este proyecto es una página de perfil desarrollada con Next.js y CSS Modules. La página muestra la información del usuario, sus intereses y un formulario de contacto, todo con transiciones suaves y un diseño moderno similar a las redes sociales populares.

## 🚀 Despliegue del Frontend

Puedes ver la página desplegada en [Vercel](https://profilesocialmedia.vercel.app/).

### Instalación y configuración

1. Clona el repositorio:
`git clone https://github.com/DarioAlbor/ProfileSocialMedia.git`

2. Navega al directorio del proyecto:
`cd ProfileSocialMedia`

3. Instala las dependencias:
`npm install`

4. Inicia el servidor de desarrollo:
`npm run dev`

5. Abre tu navegador y visita `http://localhost:3000`.

## 🛠️ Tecnologías utilizadas

- [Next.js](https://nextjs.org/) - Framework de React para aplicaciones web.
- [React](https://reactjs.org/) - Librería de JavaScript para construir interfaces de usuario.
- [CSS Modules](https://github.com/css-modules/css-modules) - Sistema de módulos de CSS para estilos encapsulados.
- [Vercel](https://vercel.com/) - Plataforma de despliegue.

## 🌐 Desplegado utilizando

[Vercel](https://profilesocialmedia.vercel.app/)

## 📞 Contacto

Si tienes alguna pregunta o sugerencia, no dudes en contactarme:

- **Portfolio**: [Visitame](www.darioalbor.dev.ar)
- **GitHub**: [Dario Albor](https://github.com/DarioAlbor)

¡Gracias por visitar este proyecto! Espero que te guste. 😊