Bienvenido a PizzaGram, un simpático proyecto de caracter educativo dedicado apasionadamente al mundo de las pizzas. Nuestra plataforma está diseñada para ser el lugar ideal donde los amantes de la pizza pueden registrarse y compartir sus recetas únicas con una comunidad global. No solo es un espacio para descubrir nuevas y deliciosas formas de disfrutar tu pizza favorita, sino también un rincón personal donde puedes almacenar y editar tus creaciones culinarias a lo largo del tiempo.
- Realizada como proyecto MERN en MongoDB, Express, React y Node.js.
- Plataforma especializada en pizzas: Una web creada para compartir y descubrir recetas de pizzas de todo el mundo. Un espacio dedicado para que los usuarios registren sus propias creaciones y las compartan con una comunidad global.
- Interfaz intuitiva: Diseñada para ser sencilla y ágil de navegar, facilitando a los usuarios la publicación, búsqueda y edición de recetas de pizzas sin complicaciones.
- CRUD completo: El usuario puede crear, modificar, borrar y editar sus recetas siempre que esté logueado con su usuario y contraseña.
- Accesibilidad garantizada: Nuestro diseño cumple con los estándares de accesibilidad de la W3C, asegurando que todos los usuarios puedan disfrutar plenamente de nuestra plataforma, sin importar sus necesidades.
- Compromiso con el medio ambiente: Desarrollada con una mentalidad sostenible, empleamos prácticas que buscan reducir las emisiones de CO2, desde la optimización de nuestros procesos hasta la selección consciente de nuestros proveedores.
El stack tecnológico y herramientas utilizadas:
| Herramienta | Uso |
|---|---|
| Trello | Gestión de proyectos y seguimiento de tareas |
| Figma | Diseño de interfaces y estilos |
| Photoshop | Diseño y retoque de imágenes |
| Illustrator | Retoque de imágenes SVG |
| MongoDB / Atlas | Gestor de bases de datos no relacionales online |
| Express | Express es un framework JavaScript para el lado del sevidor |
| Node.js | Plataforma de ejecución para JavaScript del lado del servidor |
| React | Framework de Frontend para JavaScript |
| Visual Studio Code | Entorno de desarrollo |
| HTML5 | Estructura y contenido de la web |
| CSS3 | Estilos visuales generales |
| JavaScript | Lógica y funcionalidades de la aplicación |
https://jre-design.notion.site/PizzaGram-An-lisis-del-c-digo-5550286909c84316b333d955b5a74df2?pvs=74
- Clonar repositorio y entrar en la carpeta raiz
- En la consola de comandos cd server y
npm install - En la consola de comandos cd client
npm install - Conectar el Backend con MongoDB, para ello:
Ir a la ruta
server/src/index.jsy cambiar la siguiente cadena con la que nos ofrezca MongoDB:
mongoose.connect(
"mongodb+srv://usuario:contrasena@recipes.olew0we.mongodb.net/recipes?retryWrites=true&w=majority&appName=recipes"
)
Creado por JREdesign
Proyecto: https://github.com/JREdesign/PizzaGram
