https://github.com/analitico-771/healthpedia

Healthpedia provides a safe place where extensive research regarding top health concerns can be asked and answered quickly and efficiently. In this app we have authentication guarded sections of the app that are password and login protected. The protected section is where the user can store and save personal attributes and heath searched topics.
https://github.com/analitico-771/healthpedia

axios bcryptjs bootstrap css dotenv elephantsql expressjs fontawesome html javascript jwt-authentication node-sass passportjs postgresql-database reactjs redux reduxthunk sequelizejs thunk

Last synced: 23 days ago
JSON representation

Healthpedia provides a safe place where extensive research regarding top health concerns can be asked and answered quickly and efficiently. In this app we have authentication guarded sections of the app that are password and login protected. The protected section is where the user can store and save personal attributes and heath searched topics.

• Host: GitHub
• URL: https://github.com/analitico-771/healthpedia
• Owner: Analitico-771
• Created: 2021-07-15T13:36:13.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-07-27T05:38:20.000Z (over 3 years ago)
• Last Synced: 2024-10-31T09:42:40.655Z (2 months ago)
• Topics: axios, bcryptjs, bootstrap, css, dotenv, elephantsql, expressjs, fontawesome, html, javascript, jwt-authentication, node-sass, passportjs, postgresql-database, reactjs, redux, reduxthunk, sequelizejs, thunk
• Language: JavaScript
• Homepage:
• Size: 5.51 MB
• Stars: 1
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# `The Purpose of the app/website that we are building`

The purpose of the app Healthpedia is to provide a safe place where extensive research regarding top health concerns can be asked and answered quickly and efficiently. In this app we have authentication guarded sections of the app that is password and login protected. The protected section is  where the user can store and save personal attributes and heath searched topics.

# `M.V.P`

## Provide the following:

Easy to use website with login/password authentication protection

Access to client search stored in database for convenient recall

Savable Favorites according to health concerns and searches

Build out all pages with buttons working and directing to designated pages


This project is a Full Stack application with user authentication and storage of saved favorite topics  so we focused on functionality 

# `Overview` 

This site is our full stack development capstone project for the completion of our tenure at DigitalCrafts. Our group decided to focus on a website that focuses on overall wellness. With the current climate in the world we believe that health is wealth so we created a space where people can focus on just that.







# `Tech Stack`

Languages: CSS, React, Node, expressJs Postgres SQL, Sequelize, bcryptjs, JWT,

Other: JSON, Photoshop, Postman







# `Stretch Goals (Future)`

Develop code for "forgot password"





Develop personal health journal functionality for our users







# `Code Snippets` 

### Mapping API Object and capturing favorite button data for redux and database.




  

      

      {/* begin mapping health Data */}

          
 {healthInfo && healthInfo.map(healthInfoObj => {

            return <>

              
onClickSubject(healthInfoObj.Id, healthInfoObj.Type)}>{`${healthInfoObj.Title}\u00A0\u00A0`} 


              {yellowStar === false ? onClickFavorite(healthInfoObj.Id, healthInfoObj.Type, healthInfoObj.Title, yellowStar)} /> : onClickRemoveFavorite(healthInfoObj.Id, healthInfoObj.Type, healthInfoObj.Title)}/>}

              

            >;

            })}

      {/* end mapping health Data */}

          


# `Planning phase for database layout`

 ## Planning Phase 1

![](client/healthpedia/src/assets/shot1.png)







## Planning Phase 2

![](client/healthpedia/src/assets/shot2.png)







## Planning Phase Final

![](client/healthpedia/src/assets/shot3.png)

# `Logo` 

![](client/healthpedia/src/assets/healhtpediaLogo.png)

    

   

# `Developer Team`

## Jose Tollinchi

https://github.com/AnaIitico

Front End focus

React, Redux, Redux-Thunk, Javascipt, Postgres Integration, JWT, User Authentication

bcryptjs, Css, Html, Postman







## Syreeta Greene

Front End focus

https://github.com/Sr-GrEeNe18

Design, React, User functionality, Quality Assurance

bcryptjs, Sequelize, Js, Html, Scrum master







## Mike Williams

`Back End Focus`

https://github.com/mikej803


Node, Postgres Integration, JS,  JWT, CSS3, Redux, Redux-Thunk, HTML5, Postman, PostgresSQL, ExpressJS, bcryptjs, Sequelize, Js, JWT, CSS3, User Authentication, Quality Assurance







## Brandon Stinson

`Back End Focus`

https://github.com/Bxpnds


 Node, Postgres Integration, JS,  JWT, CSS3, Redux, Redux-Thunk, HTML5, Postman, PostgresSQL, ExpressJS, bcryptjs, Sequelize, Js, JWT, CSS3, User Authentication, Quality Assurance







# `Resources`

### Source of API

https://health.gov/our-work/health-literacy/consumer-health-content/free-web-content/apis-developers

### Source of used icons

https://fontawesome.com/v5.15/how-to-use/on-the-web/using-with/react

### Debugging Resource

https://stackoverflow.com/questions/64004975/how-to-add-target-blank-on-react?noredirect=1&lq=1

### Documentation Resources

https://npmjs.com/