CANTASTIK

📋 Indice

• Sobre el proyecto

  • Tecnologías utilizadas

  • Instalación y despliegue

  • Origen

  • Concepto e inspiración

• En el tintero

• Agradecimientos

• Autor

Sobre el proyecto

🔧 Tecnologías utilizadas

{
    "frontEnd":{
        "main":["JavaScript","React","Sass"],
        "modules":[
            "React-Redux",
            "Axios",
            "Sass",
            "React-Router-Dom",
            "Ant-Design",
            "Framer-motion",
            "React-infinite-scroll",
            "Dotenv",
        ]
    },
    "backEnd":{
        "main":["JavaScript","MongoDB","NodeJS","Express","Mongoose"],
        "modules":[
            "Json-Web-Token",
            "BcryptJs",
            "Multer",
            "Nodemailer",
            "Dotenv",
            "Cors",
            "Validator",
        ]
    }
}

🚀 Instalación y despliegue

• BackEnd

  1. Descargar el repositorio de "SocialNetwork_MongoDB" usando git clone https://github.com/MrSetOne/SocialNetwork_MongoDB.git desde la terminal en la carpeta que desees.

  2. Realiza la instalacion siguiendo los pasos indicados en el README.md

• FrontEnd

  1. Descargar el repositorio de "cantastik-frontend" usando git clone https://github.com/MrSetOne/cantastik-frontend.git desde la terminal en la carpeta que desees.

  2. Una vez clonado el repositorio hay que instalar todos los paquetes que necesita el proyecto con npm i

  3. En la raiz del proyecto encontraras el archivo ".env-example", este archivo carga la url del BackEnd, simplemente indica la direccion en la que se aloje dicho servivor

  4. Dentro de la carpeta clonada de "SurvivorShop" tienes que ejecutar el comando npm start

🔍 Origen

Este proyecto es planteado con la finalidad de generar un FrontEnd al BackEnd generado anteriormente basado en una red social, ambos trabajos individuales y así realizar nuestro primer proyecto FullStack en solitario.

✒️ Concepto e inspiración

La idea desde el principio fue hacer una red social hibrida entre Instagram y Twitter, podrias subir fotos con o sin imagen como en Twitter pero con la estetica minimalista y "user friendly" de instagram.

En este proyecto he querido dar total prioridad a la experiencia del usuario, desde el momento de registrarse hasta su logout, pasando por la facilidad a la hora de dar a seguir a usuarios y perderse entre los perfiles, como pasa con Instagram.

Algunas capturas:

✏️ En el tintero

Dado que el proyecto a sido con un tiempo muy limitado no he podido implementar todo lo que hubiese querido, para futuras versiones queda:

• Refactorizar el proyecto para hacerlo mas ligero

• Implementar vista de administrador

• Sistema de baneos

• Mejorar sistema de FeedBack al usuario

• CRUD de comentarios

• Mejorar la responsividad

• Motor de busqueda mejorado

• Opcion de compartir posts

• Implementar notificaciones

✨ Agradecimientos

En primer lugar agradecer a mis profesores Sofía, Ger e Iván, ya que cuando entré en el BootCamp solo conocia HTML, CSS y algo (casi nada) de JavaScript, desde luego sin sus clases y su paciencia este proyecto no hubiese sido posible.

En segundo lugar y no por ello menos importante agradecer tambien a mis compañeros de clase, que siempre puedo contar con ellos para lo que sea y siempre están dispuestos a echar una mano, dar alguna opinion, invitarme a copiar su codigo o simplemente pasar un buen rato de risas y olvidadando toda preocupación. Xavi, Gabri, Rebeca, Ger, Shan, Yorch, Vince, Vane, Imanol, Alex, Fran, David y Santi, sois los mejores y que nadie os haga dudar de ello, por vosotros repetia esta experiencia mil veces más. 💚

---

🚀 Michael Lara Sánchez 🚀