MakeItMVP Launch Academy Phase 5: Project AccountaPair

Project Description

Welcome to the MakeItMVP Launch Academy Phase 5 - Project AccountaPair! This project is built using React, Sass, and Firebase.

AccountaPair extends the capabilities of makeitMVP's existing Communiti platform. Our mission is to empower individuals to achieve their professional goals through meaningful peer-to-peer accountability partnerships. Accountapair provides a variety of challenges for both developers and designers, and matches you with an accountability partner to ensure you both reach your maximum potential.

Table of Contents

• Getting Started
• Project Structure
• Technologies
• Contributors
• Screenshots

Getting Started

To view the project, follow these steps:

1. Clone this repository to your local machine:

   git clone https://github.com/makeitMVPadmin/LAP5_Accountabuddy

2. Change the working directory to the cloned repository:

   cd LAP5_Accountabuddy

3. Install the project dependencies:

   npm install

4. Create a .env file with the necessary environment variables for Firebase.

   REACT_APP_FIREBASE_API_KEY=
   REACT_APP_FIREBASE_AUTH_DOMAIN=
   REACT_APP_FIREBASE_PROJECT_ID=
   REACT_APP_FIREBASE_STORAGE_BUCKET=
   REACT_APP_FIREBASE_MESSAGING_SENDER_ID=
   REACT_APP_FIREBASE_APP_ID=
   REACT_APP_FIREBASE_MEASUREMENT_ID=

5. Start the development server:

   npm start

6. Open your web browser and navigate to http://localhost:3000 to see the project running.

Project Structure

The project structure is organized as follows:

├── public/
│   ├── index.html
│   ├── ...
├── src/
│   ├── assets/
│   ├── components/
│   │   ├── Pair
│   │   │   ├── ...
│   │   ├── ...
│   ├── config/
│   ├── pages/
│   │   ├── LandingPage
│   │   │   ├── ...
│   ├── ...
│   ├── styles/
│   │   ├── partials
│   ├── utils/
│   │   ├── Functions
├── App.js
├── data.js
├── firebase.js
├── index.js
├── main.js
├── .env
├── .gitignore
├── package-lock.json
├── package.json
├── README.md

• src/: Contains the main source code for the project, including React components and styles.
• package.json: Defines project dependencies and scripts.

Technologies

This repository uses the following technologies:

• React: A JavaScript library for building user interfaces.
• Sass: A CSS extension language that adds features like variables, nesting, and more.

Contributors

Our team comprises two mains teams, developers and designers. Designers are responsible for all aspects of the design not limited to user research, wireframing, prototyping and creating detailed figma files to hand off to developers. For this project, developers got a chance to try out various aspects of the stack including backend and frontend.

Designers

• Anish Yadav
• Daniel Karp
• Rachel Hakimi
• Tre Muraki

Developers

• Ali Nix
• Juan (Joey) Qi
• Jagadeep Avula
• Laxmi Kuntoji
• T. Truitt Janney
• Tim Wallace
• Tolu Ajisola

Product Manager

• Julie Hildabrand
• Krishna Chaitanya

Team Leads

• Mohan Krishna Hasti

Screenshots

Home page

Prompt sequence

Challenge Page and filter board

Challenge details page

This project is licensed under the MIT License.