Coder Social home page Coder Social logo

aryainguz / euphoria-check-perma-meter-express Goto Github PK

View Code? Open in Web Editor NEW
18.0 18.0 21.0 1.11 MB

🌟 EuphoriaCheck - A Modern PERMA Meter. This web application, built using Express and Node.js, measures your happiness and life satisfaction based on the PERMA model of well-being by psychologist Dr Martin Seligman.

Home Page: https://euphoria-check-perma-meter-express.vercel.app/

License: MIT License

Procfile 0.02% CSS 15.90% SCSS 9.65% JavaScript 16.43% EJS 58.00%
expressjs javascript nodejs sendgrid sendgrid-api vercel

euphoria-check-perma-meter-express's Introduction

Hello World!, I'm Aryan

Typing SVG


⚡ HELLO WORLD! ⚡

Name = "Aryan Inguz"
Profession = {
  'MERN STACK':  '❤️',
  'Nextjs':  '❤️',
  'react-native:'❤️',
  'Django':  '✅',
  'Open Source':  '❤️'
}
Age = "19"
Country = "India"
College = "Chitkara University, Punjab"
Portfolio = "https://aryaninguz.me"

About= [
  "I'm a Full Stack Developer",
  "Programming ideas into reality",
  "⚡️ Fun-Fact: I love reading Franz Kafka",
]

🌐 Socials:

Instagram LinkedIn Medium Twitter

💻 Tech Stack:

JavaScript React React Router Express.js JWT NPM NodeJS Vite Next JS TypeScript GithubPages Vercel Anaconda Chakra Django SASS TailwindCSS MongoDB SQLite MySQL

C C++ CSS3 HTML5 Python Postgres Figma Canva GIT Postman

📊 GitHub Stats:


🏆 GitHub Trophies

An image of @aryainguz's Holopin badges, which is a link to view their full Holopin profile

euphoria-check-perma-meter-express's People

Contributors

aryainguz avatar divyanshgarg-04 avatar eternoseeker avatar harmeetsingh11 avatar kamalsritha avatar maadi7 avatar mathanraj0601 avatar muhammad-owais-warsi avatar nepalivai avatar praptisharma28 avatar promiseer avatar ratishjain12 avatar rishita0205 avatar shub3am avatar sulagnakundu avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

euphoria-check-perma-meter-express's Issues

Improve questions page UI

The existing questions page UI is great but I’ll love something more. There’s complete freedom on choosing frameworks as long as logic isn’t compromised

Bug : Standardize Promise Handling

standardize Promise Handling

await sgMail
      .send(message)
      .then((response) => console.log("Email sent!"))
      .catch((error) => console.log(error.message))

    res.render("result", { pos: p, eng: e, mea: m, rel: r, acc: a 

In our codebase, there is a mix of using await and then/catch for handling promises. We need to standardize the approach to improve code consistency and maintainability.

Plan:

  • Removing promise then/catch
  • Adding ' try/catch` blocks for error handling

[Style]: Enhance Result Page with Dynamic Circle Progress Bars and Overall Score Display

Issue Description

In the result page, our goal is to provide a more visually appealing and informative experience for users. To achieve this, we propose the following enhancements:

  1. Dynamic Circle Progress Bars:

    • Integrate dynamic circle progress bars to visually represent scores for each section.
    • The progress bar should adjust based on the scores, providing users with a quick and intuitive overview.
  2. Overall Score Display:

    • Add an "Overall Score" section to the upper part of the result page.
    • This section should display the cumulative or weighted average of scores from different sections, offering users a comprehensive summary.

Acceptance Criteria:

  • Each circle progress bar visually represents the score of its respective section.
  • The progress bars should dynamically adjust based on the scores achieved.
  • An "Overall Score" section is added to the upper part of the result page.
  • The "Overall Score" accurately reflects the cumulative or weighted average of scores from different sections.

This enhancement aims to improve the user interface and provide users with a clearer understanding of their performance. Let's create a more engaging and informative result page! 🚀💻

Screenshots

Screenshot 2024-01-01 201942

Record

  • I agree to follow this project's Code of Conduct 
  • I'm a SWOC 4.0 contributor
  • I want to work on this issue

Add a question code alternative

Currently all questions have a unique name as the code by which they can be calculated for each PERMANENT score in backend add a better more organised alternative to that with documentation

Adding option of downloading responses in form of pdf in the email recieved

Issue Description

Users are not getting their attempted responses in their Email received by PREMA.

Solution Explanation:

I am thinking of adding an option of inserting a button below accomplishment score in the email received so that the users can get their responses in PDF form.

Screenshots

image

Record

  • I agree to follow this project's Code of Conduct
  • I'm a SWOC 4.0 contributor
  • I want to work on this issue

[Feature Request]: Integrate Dependabot for Automated Dependency Updates

Is your feature request related to a problem? Please describe.

Description:

Keeping the project's dependencies up to date can be a challenging task, especially when done manually. To streamline and automate this process, we propose integrating Dependabot.

Proposed Solution:

We need to add Dependabot to our project as it will significantly aid in keeping our dependencies current. Once activated, Dependabot will automatically submit pull requests (PRs) whenever there are outdated dependencies identified in our package.json file.

This automated approach will enhance our project's stability, security, and overall maintenance by ensuring that we are always using the latest and most secure versions of our dependencies.

Checklist

  • I have starred the repository
  • I have checked the existing issues
  • I am willing to work on this issue
  • I am an SWOC 2024 contributor

[Feature]: Implement Automatic Reviewer Assignment Workflow for Pull Requests

Description:

This issue addresses the need for a GitHub Actions workflow that automatically assigns reviewers to pull requests upon their opening. Automating the reviewer assignment process will streamline code review processes and ensure timely feedback from team members.

Proposed Feature:

The proposed feature involves the creation of a GitHub Actions workflow that triggers upon the opening of a pull request. This workflow will automatically assign designated reviewers based on predefined list of reviewers in the workflow config.

Expected Behavior:

  • When a pull request is opened, the workflow should trigger automatically.
  • Based on defined rules or configurations, reviewers will be assigned to the pull request.
  • Reviewer assignments should be customizable and adaptable to project-specific requirements.

Benefits:

  • Streamlines the code review process by automating reviewer assignments.
  • Ensures timely feedback and reduces bottlenecks in the development workflow.
  • Improves collaboration and accountability among team members.

Checklist

  • I have starred the repository
  • I have checked the existing issues
  • I am willing to work on this issue
  • I am an SWOC 2024 contributor

Optimizing Your Well-being: Unlocking Personal Growth Strategies Based on Your Questionnaire Score

We can enhance the page by incorporating strategies that individuals can follow to elevate their scores after completing the questionnaire and determining their points. These strategies will provide actionable steps for users to improve their well-being based on their responses to the questions.

Record

  • I agree to follow this project's Code of Conduct
  • I'm a SWOC 4.0 contributor
  • I want to work on this issue

Refactor Validation and Server side code

Issue Title: Refactor Validation and Standardize Email Validation

Task :

  • Refactor the validation logic for the result to improve code readability and maintainability.
  • Implement standardized email validation using the Zod library better validation practices.
  • Introduce global exception handling for Node.js and Express.js to handle errors uniformly across the application.
  • Identify and move hardcoded strings to a separate file/constants file to centralize string management and enhance localization support.

Add a Navbar

The following application currently doesn't have a navbar, a clean and crisp navbar related to articles about the PERMA model or about the repository would be great to start contributing to this.

Improve Email Body

Email sent after user submits the questions could be improved in terms content and layout

The app needs a logo.

The apps don't seem to have a logo for the unique or trustable vibe the apps must contain some kind of logo to build trust. I think some thing resembling PERMA would be great.

Add feedback/rating of users

Screenshot_20240119_013953_YouTube

  • Can store all the user feedbacks to database (MongoDb)
  • display feedback on webpage for unregistered users who visits website for the first time to tempt them to register.

[Feature]: Add GitHub Action for Automatic Assignee Assignment

Describe the feature you'd like to request

Currently, it would be beneficial to have an automated workflow that assigns the pull request author as an assignee of the pull request. This streamlines the process, ensuring that the person who initiated the changes is automatically assigned.

Describe the solution you'd like

Implement a GitHub Action that automatically assigns the pull request author as an assignee whenever a new pull request is created.

Expected Behavior:

When a pull request is created, the GitHub Action should automatically assign the pull request author as an assignee, simplifying the assignment process.

Additional Considerations:

  • Ensure compatibility with the existing repository structure and workflows.
  • Test the action thoroughly to avoid any unintended side effects.
  • Consider any exceptions or edge cases in the assignment process.

Checklist

  • I have starred the repository
  • I have checked the existing issues
  • I am willing to work on this issue
  • I am an IWOC 2024 contributor
  • I am an SWOC 2024 contributor

Add a Footer

The following application currently doesn't have a footer, a clean and crisp footer with social icons for repository would be great

[Feature]: Include github action workflow for greeting contributors

Description:
The current project lacks an automated action to greet contributors. GitHub Actions can significantly enhance project automation. I propose adding a GitHub Action workflow to greet new pull request (PR) and issue creators, fostering a welcoming environment.

Proposed Changes:
Implement a GitHub Action workflow that triggers on new PRs and issues. The workflow should include a greeting message to acknowledge and appreciate the contributors for their efforts.

feat: add codeql workflow

Is your feature request related to a problem? Please describe.

The repository contains code in javascript, it does not have workflow for code scanning.

Describe the solution you'd like

I want to add the codeql workflow to automate security checks. CodeQL is the code analysis engine developed by GitHub to identify vulnerabilities in code. It will analyze your code and display the results as code scanning alerts. It will be enabled on every push, commit and pull request using GitHub actions.

Record

  • I agree to follow this project's Code of Conduct 
  • I'm a SWOC 4.0 contributor
  • I want to work on this issue

Status Bar Integration

I would like to contribute a Status Bar under SWOC'24.

  • It helps the user to know how much form is left for the last question.
  • Rainbow coloring effects.

Screenshot

image

Adding a middleware for validating result field values

Hi @Aryainguz , I noticed that the result fields are expecting two values only (5 for frequently/affirmative and 0 for negative/rarely). But this is not being validated on the backend currently. It will be good to have a middleware validating these values.

Here I tried passing random values to the result fields and it ended up affecting the calculations.

Screenshot at Jan 01 11-28-44

[Feature Request]: Add the pr-title-checker.yml and it's json for keeping tracks of PR.

Description
This will :
/Improved Code Organization: Consistent PR titles will enhance code organization and searchability.
/Streamlined Workflow: Integration with CodeQL and a dedicated workflow will promote efficiency and automation.
/Reduced Manual Effort: Automated checks will minimize the need for manual title review, freeing up time for development tasks.

[Feature]: Implement PR Title Checker workflow for Conventional Commit Prefixes

Is your feature request related to a problem? Please describe.

Description:

The project would benefit from a PR title checker that ensures conformity to conventional commit prefixes. Currently, the following prefixes are considered valid:

  • build:
  • chore:
  • docs:
  • feat:
  • fix:
  • perf:
  • refactor:
  • revert:
  • style:
  • test:

Problem:

Enforcing consistent and descriptive PR titles following conventional commit prefixes helps maintain clarity and organization in the project's version history.

Describe the solution you'd like

Implement a PR title checker that validates each PR title against the specified conventional commit prefixes. This will ensure that PR titles adhere to the established guidelines.

To-Do:

  • Develop the PR title checker script to verify titles against the defined prefixes.
  • Integrate the checker into the project's CI/CD pipeline.
  • Define error messages or warnings for non-compliant PR titles.

Checklist

  • I have starred the repository
  • I have checked the existing issues
  • I have read the discussion tab thoroughly and got the project idea
  • I am willing to work on this issue
  • I am a SWOC'24 contributor
  • I am an IWOC 2.0 contributor

ADD: Alert box or Kind of a warning pop-up for error

On submitting the blank form without selecting any answer to the question, we are being redirected to a page which looks something like this 👇...... So, rather than rendering a new page for error we can just show pop-up message to the user to fill out and answer all the questions or else it won't be submitted.
image

I would like to work upon this! Waiting for issuance! Happy Contributing :)

Feature: Adding a screenshot functionality.

After generating results user can take a screenshot and save it on there own device by just clicking on a button. making it convienent for them to share there results with friends and family.

err2

[BUG] NPM start not working.

Did as said in the readme.md file and this error occurred.

 PS C:\Users\ASUS\Documents\GitHub\Euphoria-Check-PERMA-Meter-Express> npm start

> [email protected] start
> nodemon app.js

[nodemon] 3.0.2
[nodemon] to restart at any time, enter `rs`
[nodemon] watching path(s): *.*
[nodemon] watching extensions: js,mjs,cjs,json
[nodemon] starting `node app.js`
API key does not start with "SG.".
express-session deprecated req.secret; provide secret option app.js:24:9
Server Started Sucessfully
rs
[nodemon] starting `node app.js`
API key does not start with "SG.". 
image

For context, I have made a copy of the .env file as given in the sample.

Add detailed Readme file

I can add detail Readme file on how to run project on users localhost it will be very helpful for participants. please assign this issue to me under SWOC

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.