Skip to content

Alcamara/Groupie-Client_Project

Repository files navigation

Groupie

Description

This project was a 2 week sprint.

Groupie is a gym app that allows gym goers to search for gym instructors based on predefined tags/identify markers such as LGBTQ, Diverse/POC, Senior Fitness. Gym goers can view the gym instructor's profile and 'Save Class', favorite the instructor, or 'Sign Up' that will take the gym goer to the instructor's external website where gym goers can sign up for the instructors' class.

Users do not need to be logged in to search for instructors. Gym goers will need to be logged in to save the class and to favorite the instructor.

This app is best viewed on a mobile device.

To see the fully functional site, please visit Groupie.

Screen Shot

Groupie GIPHY 2

Aug-10-2022 20-38-21

Prerequisites

Before you get started, make sure you have the following software installed on your computer:

Create database and tables

Create a new database called vibes-database and create tables in the database.sql file. Required INSERT statements are labeled along with optional sample data.

If you would like to name your database something else, you will need to change vibes-database to the name of your new database name in server/modules/pool.js

Development Setup Instructions

  • Run npm install

  • Create a .env file at the root of the project and paste this line into the file:

    • AWS_ACCESS_KEY_ID = yourKey
    • AWS_SECRET_ACCESS_KEY = yourKey
    • AWS_REGION = yourKey
    • AWS_BUCKET_NAME = yourKey
    • REACT_APP_GOOGLE_API_KEY = yourKey
    • SERVER_SESSION_SECRET = createAnyKeyCombo
  • Start postgres if not running already

  • Run npm run server

  • Run npm run client

  • If using nodemon, app will open in new browser tab after running npm run client. If not, navigate to localhost:3000

Directory Structure:

  • src/ contains the React application
  • public/ contains static assets for the client-side
  • build/ after you build the project, contains the transpiled code from src/ and public/ that will be viewed on the production site
  • server/ contains the Express App
├── PostmanPrimeSoloRoutes.json
├── PostmanPrimeSoloRoutesv2.json
├── README.md
├── database.sql
├── documentation
│   └── images
├── dump.sql
├── package-lock.json
├── package.json
├── public
│   ├── favicon.ico
│   ├── index.html
│   └── uploads
├── server
│   ├── constants
│   ├── modules
│   ├── routes
│   ├── server.js
│   └── strategies
└── src
    ├── components
    ├── hooks
    ├── index.js
    └── redux

Built With

Postgres Express.js React NodeJS Redux JavaScript AWS MUI NPM HTML5 CSS3 Postman Trello Git GitHub

  • Google Map
  • Google Places

Acknowledgement

We want to thank the Groupie development team, Prime Academy and our client for the opportunity to work on this exciting project.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published