s12-02-m-node-react

Sabemos que enterarce de un evento cerca de ti puede ser un poco tedioso, ya sea porque estás muy ocupado con el trabajo u otros motivos, normalmente en los eventos puedes conocer gente nueva y ampliar tu red de amigos. Para que no pierdas estas oportunidades, llego EventWave, un entorno donde podrás enterarte de los próximos eventos, para que puedas reservar o crear tu propio evento.

---

Puedes consultar nuestra página web aquí:

EventWave

---

✔ Requisitos 📋

1 - Tendrás que crear un .env en las carpetas Front y Back

2 - Tendrás que crear tu propia base de datos en [Mongo](https://www.mongodb.com/cloud/atlas/lp/try2?utm_source=google&utm_campaign=gs_emea_france_search_core_brand_atlas_desktop&utm_term=mongo&utm_medium=cpc_paid_search&utm_ad=e&utm_ad_campaign_id=1221262452 1& grupo de anuncios=115749705063&gclid= CjwKCAjwqauVBhBGEiwAXOepkQjTRQPRmN -nR-TQye1UfooktuEkqnQ8TKT7mPD5p33PRWbZcOgSzxoCBOMQAvD_BwE) sitio web

3 - Tendrás que crear tu propia cuenta para Cloudinary

4 - Instalar las dependencias con npm install en las carpetas Front y Back

5 - Ejecute el servidor con npm run dev (desarrollo) o npm start (producción)

Back .env

PORT = Number of the port where you wanna run api (ex. 4000).
DB = For Db in MongoDB.
SECRET_KEY : Is the secret key used for JWT.
BASE_URL = localhost of you api ( ex. http://localhost:5173).
EMAIL_PASSWORD = The Password of the email used in Nodemailer.

Front .env

VITE_APP_CLOUDNAME = nombre de su cloudinary.
VITE_APP_API_ROUTE = Localhost de su API (ej. http://localhost:4000).

✔ Backend

👉🏻 Lista de tareas ✅

• Desarrollo de Rest Api para crear eventos con NodeJs,y Express.
• Validaciones con Validador Express.
• Base de datos MongoDb.
• Creación de filtros con Mongoose y expresiones regulares.
• Validación de usuarios con Firebase.

👉🏻 Construido con 🛠️

👉🏻 Developers

Jorge Alfredo Lozano	Emiliano Brizuela	Santiago Rovaletti	Mario Silva

---

✔ Frontend

👉🏻Lista de tareas ✅

• Desarrollo de la vista mediante componentes dinámicos con Javascript, React y Vite .
• Agregar estilo con componentes, tablas y elementos de Material UI.
• Crear las rutas enlazadas de la página usando React Router.
• Axios y Redux para controlar y enviar datos de formularios.
• obtención y carga de imágenes con Cloudinary.
• Animaciones visuales y atractivas agregadas con tailwind css y react hot toast.
• Implementado en Vercel.

👉🏻 Construido con 🛠️

👉🏻 Developers

Kevin Daniel Hincapie Lumbaque	Mateo Corsi	Damian Javier Aguirre Cerullo

✔ UI/UX

👉🏻 Built with 🛠️

Mockup

👉🏻 Designer

Maria Paula Moscardini	Leandro Mancilla

✔ QA Tester

👉🏻 Tester

Marcelo Gereniere

👉🏻 Team Leader

Thomas Barenghi