https://github.com/oth21dev/groupomania_p16

:sparkles: GROUPOMANIA - Restful CRUD MERN API with React, Node.js, Express and MySQL. Fullstack development
https://github.com/oth21dev/groupomania_p16

cloudinary express javascript mysql nodejs react

Last synced: 2 months ago
JSON representation

:sparkles: GROUPOMANIA - Restful CRUD MERN API with React, Node.js, Express and MySQL. Fullstack development

• Host: GitHub
• URL: https://github.com/oth21dev/groupomania_p16
• Owner: OTH21DEV
• Created: 2023-03-03T15:34:06.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2025-02-19T16:07:43.000Z (over 1 year ago)
• Last Synced: 2025-04-24T02:43:48.948Z (about 1 year ago)
• Topics: cloudinary, express, javascript, mysql, nodejs, react
• Language: JavaScript
• Homepage: https://corporate-social-network-902adf387c2e.herokuapp.com/login
• Size: 6.05 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
[![VALIDATED - HTML5](https://img.shields.io/badge/VALIDATED-HTML5-A8000E?style=for-the-badge)](https://) [![MADE WITH - JAVASCRIPT](https://img.shields.io/badge/MADE_WITH-JAVASCRIPT-1D75C2?style=for-the-badge)](https://) [![STYLED - CSS](https://img.shields.io/badge/STYLED-CSS-E034BE?style=for-the-badge)](https://) [![BUILT WITH - REACT](https://img.shields.io/badge/BUILT_WITH-REACT-4F28B0?style=for-the-badge)](https://)

[![USES - EXPRESS](https://img.shields.io/badge/USES-EXPRESS-ff69b4?style=for-the-badge)](https://) ![media hosting - CLOUDINARY](https://img.shields.io/badge/media_hosting-CLOUDINARY-blue?style=for-the-badge) [![DEPLOYMENT - HEROKU](https://img.shields.io/badge/DEPLOYMENT-HEROKU-3b2f63?style=for-the-badge)](https://) [![DATA - MYSQL](https://img.shields.io/badge/DATA-MYSQL-62ea44f?style=for-the-badge)](https://)

# Corporate Prototype Network - GROUPOMANIA - full stack web development (restful CRUD MERN APP )

Welcome to the Corporate Prototype Network project! This is a full-stack application designed to facilitate communication within a corporate environment. Employees can post news, upload media, leave comments and likes, as well as update or delete posts.

LIVE LINK : https://corporate-social-network-902adf387c2e.herokuapp.com/login

## Features

- **Responsive Design:** Ensures the website looks great on all devices.

- **News Posting:**  Employees can share updates and information by posting news.

- **Media Management:** Upload and manage images using Cloudinary.

- **Comments & Emojis:** Users can comment on posts, enhanced with emojis from emoji-mart.

- **Likes System:** Like functionality for engaging with posts.

- **Post Management:** Update and delete posts as necessary.

- **Authentication:** Simple email-based authentication system.

## Tech stack : Backend

- **Node.js:** JavaScript runtime built on Chrome's V8 for building fast and scalable applications.

- **Express:** Web framework for Node.js, used for handling routes and requests.

- **MySQL:** Relational database management system to store user data and posts.

- **Bcrypt:** Library for hashing passwords to secure user information.

- **Cloudinary:** Service for handling cloud-based media uploads and transformations.

## Tech stack : Frontend

- **React:** JavaScript library for building user interfaces.

- **React Router:** Declarative routing for React to navigate between views.

- **Emoji Mart:** Emoji picker component to enhance comment interactions.

## Installation

To set up the project locally, follow these steps:

1. Clone the repository Backend :

   ```bash

   git clone https://github.com/OTH21DEV/groupomania_p16

2. Navigate to the project directory:

   ```bash

    cd groupomania_p16

3. Install dependencies:

   ```bash

    npm install

6. Run the application:

   ```bash

    npm start

5. Access the application:

   ```bash

    Open your browser to http://localhost:3000.

## Usage

- Login: Authenticate using your email.

- Dashboard: Access the main dashboard where posts are listed.

- Create Post: Use the form to create new posts with optional media uploads.

- Comment & Like: Interact with posts through comments and likes.

- Edit/Delete: Modify or remove posts when needed.