Light Up is Team 5's entry for the Code Institute Pride hackathon. The idea is to connect rural members of the LGBTQ community.
Project overview
Technologies Used
Testing
Deployment
Credits
"Light Up" came to fruition as the result of a Hackathon being undertaken by current students and Alumni at Code Institute in June 2021. The brief for our Hackathon is to build something that promotes and celebrates the LGBTQ+ community. We were therefore tasked with finding solutions that amplify LGBTQ+ voices, connect the community, educate others and support the needs of LGBT+ people. We designed and created an application which would allow members of the LGBTQ+ community in rural Ireland (with a passion for Coding and Tech), to connect seamlessly with other users who share a similar interest. In order to fulfil the brief and Hackacthon spec, our Application allows users to find upcoming events and either attend a physical event or create/join a virtual event in the West of Ireland. The aim is to therefore allow such users feel a sense of inclusivity and belonging without having to travel to Dublin which is typically the hub of gay life in Ireland. Networking and making connections is a huge part of allowing people to come together. They will have a safe zone in which to make new acquaintances, attend virtual workshops, or attend in-person conferences, all with the underlying theme of Community. We are extremely proud to deliver and submit this project as part of the Pride Hackathon at Code Institute. #ProudCoders
- User Story A: I want to connect with other members of the rural LGBTQ community
- User Story B: I want to know about upcoming events near me
Opportunities | Importance | Viability / Feasibility |
---|---|---|
Simple Clean UI | 5 | 5 |
Clearly indicate purpose | 5 | 5 |
A standard layout that is fully responsive on mobile devices and larger screens.
We choose Quicksand because it suits colorful bright headers
and Montserrat for the body because it is very easy to read.
Icons, map pins and favicon created by the team using Affinity Designer
back to top
- A color selector allows users to dicatate the color scheme
- On the index page a map displays user and event locations
The footer features:
- Footer features creator information, privacy policy, social links and contact information
Currently events are added manually by site admin but in the future events will be input by users.
back to top
Code Institute Course Content
Code Institute SLACK Community
Youtube - General resource.
Am I Responsive - Responsive website mockup image generator.
- Color scheme changes when buttons are selected.
- Regisration successfully adds new profiles.
- Map pins toggle on hover.
- This repository may be cloned directly into an editor by pasting the following command into the terminal:
git clone https://github.com/TimMorrisDev/light-up
Alternatively, you can save a copy of this repository by clicking the green button "Clone or download" , then "Download Zip" button, and after extract the Zip file to your folder. - In the terminal window change directory (CD) to the correct file location (directory that you have just created).
- Set up environment variables:
- Create .env file in the root directory.
- On the top of the file add
import os
to set the environment variables in the operating system. - Set the connection to your MongoDB database(MONGO_URI) and a SECRET_KEY with the following syntax:
os.environ["SECRET_KEY"] = "YourSecretKey"
os.environ["MONGO_URI"] = "YourMongoURI"
.
- Install all requirements from the requirements.txt file putting this command into your terminal:
pip3 install -r requirements.txt
Note: GitPod does not requiresudo
, so if you use another IDE, you will need to includesudo
in the beginning of the command:sudo pip3 install -r requirements.txt
. - Create a new Database called "recipe_manager" in MongoDB Atlas.
You can sign up for free account, if you do not have one. - Create relevant databases.
-
Google Fonts for font styles; https://fonts.google.com/
-
Map was created using Google Maps API
-
icons, favicon and map pins created by the team using Affinity Designer
-
Logo SVG created using Figma
- We would like to thank our Mentor Mike Murtagh for his help on this project.
- Thank all of our Team Members for their efforts on building this project.
This project is for educational use only