Skip to content

hannasalam/Spectrum

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

SPECTRUM: LGBTQ+ Community Web Portal

Abstract

We developed "SPECTRUM: LGBTQ+ Web Portal" to create a secure online space fostering connections, give support and empower LGBTQ+ individuals and their allies. This platform features User Authentication,User Login,Company Login, Admin Page, Profile Page, Q&A forums, Blog management system and Rental-Home & Job Search functionality. SPECTRUM offers a positive virtual community where users can freely express themselves, find resources, and receive peer support.


Table of Contents


HTML CSS ReactJS NodeJS MongoDB

Project-Overview

Q: What motivated us to create the SPECTRUM: LGBTQ+ Web Portal?

A: We wanted to give LGBTQ+ people a place to connect, share their stories, and find resources.Existing social media platforms didn't fully address their challenges. We aimed to create a space that promotes positive interactions, support, and resource accessibility.

Q: What problem does SPECTRUM solve?

A: SPECTRUM addresses the challenges of isolation, discrimination, and lack of resources faced by LGBTQ+ individuals. It provides a secure online community where they can connect, find housing and job opportunities, and receive support from peers.

Q: What can you learn from this project?

A: This project teaches the significance of community-specific solutions. We gained insights into the struggles of LGBTQ+ individuals and how technology can empower them. Technically, we learned about user authentication, job search features, Q&A forums, and content management,admin management using HTML/CSS, ReactJS, Nodejs & MonogoDB.

Q: What's unique about SPECTRUM's features?

A: SPECTRUM's features are designed to be inclusive and resourceful. From user authentication to job searches, Q&A forums, and content management, each aspect caters specifically to the LGBTQ+ community's needs and experiences.It provides

  • Dual Login System: Facilitating both user and company logins, providing distinct experiences tailored to individual needs.
  • Admin Control: A dedicated admin page empowers administrators to review and report blog contents, and approve company profiles to maintain content quality.
  • Blogging Platform: Users can contribute their thoughts, experiences, and insights by posting blogs, fostering a sense of community engagement and self-expression.
  • Housing Listings: A dedicated space for posting house rental details, enhancing the portal's practical utility for users seeking suitable housing.
  • Job Listings: Companies can post job listings, contributing to career opportunities specifically focused on LGBTQ+ individuals.
  • Q&A Forums: Users can ask questions, share knowledge, and receive answers, creating a dynamic knowledge-sharing hub within the community.
  • Profile Activity Hub: Users can access a consolidated profile page displaying their blog posts, questions, answers, and interactions, simplifying engagement tracking.
  • Centralized Communication: The platform acts as a hub for users, enabling them to write blogs, ask questions, reply to answers, and engage with their community in one cohesive space.

Q: What's the impact of SPECTRUM on the LGBTQ+ community?

A: SPECTRUM creates a positive online environment where LGBTQ+ individuals can find understanding, resources, and connections. It addresses their unique needs and offers them a platform to express themselves freely while seeking support.

Installation

Follow these steps to set up the SPECTRUM: LGBTQ+ Web Portal on your local environment:

  1. Clone the repository:

    git clone https://github.com/hannasalam/Spectrum.git
    
  2. Navigate to the project directory:

    cd Spectrum
  3. Install backend dependencies:

    cd backend
    npm install
  4. Create a .env file in the backend directory and add the required environment variables, such as database connection details and API keys.

  5. Return to the main project directory:

    cd ..
  6. Install frontend dependencies:

     cd backend
     npm install
  7. Start the backend server:

    cd backend
    npm start
  8. In a separate terminal window, start the frontend development server:

    cd frontend
    npm start
    

Screenshots

  1. User Login

    User Login


  2. User Signup

    User Signup


  3. Company Signup

    Company Signup


  4. Admin-Company Approval

    Admin-Company Approval


  5. Home Page

    Home Page


  6. Profile Page

    Profile Page


  7. Q&A Forum

    Q&A Forum


  8. Add Property Form

    Add Property Form


  9. Housing Listings

    Housing Listings


  10. Housing Details

    Housing Details


  11. Add Job Listings

    Add Job Listings


  12. Job Page

    Job Page


Diagrams

  1. Database Diagram

    Database Diagram

  2. Use Case Diagram

    Use Case Diagram

  3. DFD Level 0

    DFD Level 0

  4. DFD LEVEL 1 for Jobs and Houses

    DFD LEVEL 1 for Jobs and Houses

  5. DFD LEVEL 1 for Blogs & Q A

    DFD LEVEL 1 for Blogs & Q A

Contributors

Thanks go to these wonderful people:

Amal Dev
Amal Dev

Fayaz A P
Fayaz A P

Hanna Salam
Hanna Salam

Alby Thekkedan
Alby Thekkedan

Jaison Dennis
Jaison Dennis

🏆Badges

HTML5 CSS3 JavaScript React NodeJS MongoDB Vercel Visual Studio Code

About

An inclusive portal for LGBTQ+ community

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published