Samba da Alegria Wep App

A web app for the drummer group, Samba da Alegria to promote thier Brazilian culture

Comment

Inspiration

We had a real-world client with a real-world issue that they wanted us to address

What it does

The project is a handmade website designed to streamline the daily processes of our group. It also acts as a way for the company to reach out to others and advertise.

How we built it

The project was constructed using HTML, PHP, JS, and SQL

Challenges we ran into

Compromising by using scratch HTML instead of the originally planned WordPress

Accomplishments that we're proud of

We were able to get a fully functioning product without the use of WordPress

README Samba da Alegria website

For easy transition from devs to client: 1. Go into config.php

2. Enter your email into $verified_emails, this will allow the account that uses that 
   email to have administration rights. This gives the account special privileges that 
   cannot be given any other way.

3. Change $google_client_id into your personal one. This will require you to go into google
   Cloud website, make a project, go into the navigation menu on the top left. Once you're there 
   look for a tab called "APIs & Services", then click "OAuth consent screen". There you press
   the create OAuth client, where you will fill out the form accordingly. Place your domain under
   Authorized JavaScript origins section then click create.

4.Change the URL on line 20 into the same domain you used in step 3. 

5. Next run the schema.sql to intialize that Database

6. Change Oracle Login info to your respective account

Contents:

Pages:
    Home 
        -- This will, most likely, be the first page the user sees, so it has a bit
            of everything from all the other webpages.
            -- Includes, member login, link to rsvp members, display of a list of current events,
                links to Samba's social media 

    About 
        -- Informative. It tells a bit of information about the group 
        -- Contains information about times of the classes 

    Events
        -- The current month with any events that are scheduled in that month
            if there isn't an event in the current month it will display nothing
        -- Users can tap the <, >, buttons shown to flip through months. Starts off
            initially in the current month
        -- Queries the database to obtain all events in the events table  
    Media 
        -- Acts as a media showcase and connection page
        -- Will provide Samba's Instagram and Facebook accounts
        -- Ender that is a preview of some videos in a carousel format taken from 
            the Facebook account that was hard-coded in to the webpage 

    Members
        -- Non-Members:
            When they go onto this webpage it will indicate that they should log into an account.
                Non-users will not be able to view the list of events and cannot RSVP to any. 
        -- Members:
            When they enter the webpage it will show all current events that are upcoming, aswell as 
            events that they have RSVPed and have not. 
            - By clicking the red, top right "RSVP" button, it updates the database.

    Admin Pages:
        Home
            -- This is where admins can navigate through admin-accessible pages. 
        Events
            -- Events Manager:
                Here, admins can make a new event that will be displayed in the Events web page
                 and then will pop up on the right side of the same web page 
                -- There is a form to make an event: Title, Description, Date, Time, Location
                -- You can also view how many people RSVP for the event, shown by a counter on the 
                    corner of the event
                        Clicking on it will allow you to see what emails have Rsvped for the event

        Media
            -- Can make a post including: an image, a title and a description
                Title and description are required for post submission
            -- A list of all created posts is displayed below this form to view history
            -- For Members or other users the post will be seen on the home page under 'Current Events'

        Members
            -- This gives you a search box and a sorted list of members by email
            -- There is also the ability to invite a user to be a member:
                After inputting the person's email, they become a member

Folder Descriptions: admin: contains all web pages accessible to admin-verified accounts. assets: Contains all hard-coded images, including the logo and other icons. includes: These are PHP require_once functions used for a variety of reasons. From database connection and access, to the header and footer files. path: Includes all web pages to be seen and used by the public and members. script: Contains any JavaScript files used for user interaction. SQL: Contains the database schema styles: Contains all CSS files used for styling the layout and visuals of the website. With these, the entire setup is editable, including the colors, layout, fonts, etc. uploads: This folder holds all uploaded files from the admin member page.

Share this project:

Updates