Red Social creada con ReactJS, Redux, Nodejs, Express y MongoDB hosteado con Netlify.
https://reactibook.netlify.com/
https://reactibook.netlify.com/
https://reactibook.netlify.com/
https://reactibook.netlify.com/
https://github.com/florenciasilva/reactibook-api
https://github.com/florenciasilva/reactibook-api
https://github.com/florenciasilva/reactibook-api
https://github.com/florenciasilva/reactibook-api
-
Inicio de sesión
- Usuarios:
- Email: [email protected] Password: 123456789
- Email: [email protected] Password: 123456789
- Email: [email protected] Password: 123456789
- Email: [email protected] Password: 123456789
- Usuarios:
-
Registro de usuarios.
- Username, Email y Password
-
Creación de posts
- Privacidad:
- Elegir entre mostrar a todo público o sólo amigos.
- Contenido:
- Visualización de nombre de autor, comentario y fecha.
- Privacidad:
-
Editar/Borrar posts
- Reglas:
- Solo el usuario que creó el post puede editarlo o borrarlo.
- Reglas:
-
Sistema de amigos
- Reglas:
- Según amigo agregado previamente en la base de datos, se muestra o no comentarios. Ej: Soy amigo de Maria y veo todos sus posts, pero no de Jorge, asi que solo veo sus posts públicos.
- Reglas:
-
Back End
- Herramientas:
- NodeJS
- Express
- JSON Web Tokens
- BCrypt
- Mongoose
- MongoDB Atlas
- Herramientas:
-
Manejo de Estado
- Herramientas:
- Redux
- React-Redux
- Redux-Thunk
- Herramientas:
-
Estilos
- Herramientas:
- styled-components
- moment (Formato de fechas)
- react-icons
- Herramientas:
-
Dependencias:
- "moment": "^2.24.0",
- "react": "^16.11.0",
- "react-dom": "^16.11.0",
- "react-icons": "^3.8.0",
- "react-redux": "^7.1.1",
- "react-router-dom": "^5.1.2",
- "react-scripts": "3.2.0",
- "redux": "^4.0.4",
- "redux-thunk": "^2.3.0",
- "styled-components": "^4.4.1"
Para contribuir o correr localmente, git clone https://github.com/florenciasilva/reactibook.git
en la carpeta deseada, a continuacion cd reactibook
y luego npm install
para poder instalar todas las dependencias necesarias para correr el proyecto. Una vez instalado, puedes correr npm start
para correr el servidor y poder ver la aplicación en localhost:3000
.
La conexión con el backend se maneja en las Actions, las cuales se encuentran en el directorio ./actions
.
Para más información sobre los endpoints, se puede dirigir a este repositorio