adre9 / bunk-manager-mern Goto Github PK

Build a basic email verification page that asks you to verify your email.
Please refer to the screenshot and follow the same theme as we have already used in our project.

Please ask if you have any doubt.
Happy Coding!

We need to rethink the UI/UX of the MERN stack app for the desktop. So we need experienced designers who are good at using FIGMA or Adobe XD. And create an overall UI of the App so that we can create and modify components according to it. @Mustafiz04 and @Sanyam2000-dot can you look for experienced participants for it? Contact me as soon as you get one.

In a website of app the UI/UX also plays an important role in engagements. The better the UI of the app the more catchy it is and attracts more users.
I have already designed the Landing Page and I want to redesign and enhance the UI/UX of all the pages of the app .

It would be very nice if you kindly assign me this issue so that I could work on it for GSSOC,21.

Is your feature request related to a problem? Please describe.
The goal is to make a loading component that can be reused at different places whenever a backend API call is made or an update in the state happens or a fetch call takes place, so instead of holding the user on a screen we can show the loading component.

Describe the solution you'd like

1. Create a react loading componet.
2. Create a new reducer called UI or anything meaningful and create action for this component.
   The above action whenever gets triggered the loading component will be displayed.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context

Deliverables:

• The formatting of headings of the Attendance Page should be similar to those in the Subjects page.
  Please assign me for it.

Screenshots
CURRENT

EXPECTED

Hey!
I just noticed that the footer of the website can be improved and ill be able to do it!
can you please assign me this task under gssoc'21?

Hey!
I noticed that we still have the default favicon that comes with React boilerplate code. I would to like to change it to the one that fits our theme as a GSSOC`21 participant.
@ADRE9

In the current version the Add Icon is overlapping the grid.

It would be better to reposition and apply a little bit of scaling so that the UI looks cleaner.
After Changes :

Write validator function as middleware. It should be before the actual controller function in every routes that take input from client side.

For example -

Email - should be email with proper formate
Username - should be unique and at-least 6 character long
Password - should be 8 character long which include at-least 1 special character, 1 capital letter
Semester - should not be greater than 8

and so on.

Have any doubt feel free to ask her.
Good Luck

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

snippet of you code -

mongoose.connect(dbURI, {useNewUrlParser: true, useCreateIndex: true, useUnifiedTopology: true, autoIndex: true, useFindAndModify:false}); 

mongoose.connection.on('error', function (err) { 
    console.log('DB connection error: ' + err); 
  });

read this pls, the error handling part -
https://mongoosejs.com/docs/connections.html#:~:text=If%20initial%20connection%20fails%2C%20Mongoose,after%20initial%20connection%20was%20established.

you have handle two errors -

if promise is rejected -> using the above code i have proposed
error after initial connection is made -> using the event handlers

Describe the solution you'd like
will use try/catch along with async/await for handling the initial connection error.

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

Describe the solution you'd like
I want to add a PR template

@ADRE9 The headings: CLASSES and LABS, look unattractive. Please allow me to enhance their look. I am a GSSOC'21 Participant and this would be a good first issue for me. Thankyou!

clicking on the edit button of the subject reloads the page for the first time

Deliverables:
Add the deliverables with their description here.

• Update tech stack to MERN in readme.md file.

Screenshots
Add any relevant screenshots to show how the elements look or works currently/how the enhanced element should look or function.

Adding the sender mail in nodemailer function to [email protected] and adding relevant subject.

Deliverables:
Add the deliverables with their description here.

I will like to add tech stack logo used in our project this will make our project attractive !! Will start to work on this issue as soon as i get assigned !!

The OAuth logo for Instagram needs to be replaced with that of the Google. Participants contact @Sanyam2000-dot for guidance.

The oauth functionality of Instagram and Facebook has not been attached yet

Deliverables:

• Make the footer mobile responsive.
• Make the icon size a little bigger.

Screenshots

Currently clicking the add button redirects us to a new page.
I think it would be better instead of redirecting to new page, we can use a Form Dialog.

Deliverables:
Add the deliverables with their description here.

• Design the Logo and ask for review.
• Integrate the logo along with the favicon in the codebase

I can work on this issue as a GSSoC participant.
if it doesn't necessary we can remove this feature, or if this feature is required I can work on this.

Setting various HTTP headers using helmet
Data sanitization against no SQL injection and XSS
Rate limiter so the server won't get overload
Preventing parameter pollution

If you find it relevant, please assign me.
Please add the relevant GSSOC tags too.

Deliverables:
Add the deliverables with their description here.

• The signup button should be named Register instead of signup because it's causing a bit of confusion

Screenshots

Update the readme with the file structures and more pictures and snaps of applications.

Deliverables:

• There are no social links such as Twitter , facebook , github , and LinkedIn*

Screenshots

• The Green Arrow highlights the Directory of the Footer.js File *

Deliverables:
We can have a footer with Get in touch section ... you have option to fill name, email and message which will go directly to the admin.
Like the screenshot i have attach ...
if you like the idea I would like to contribute as GSSOC'21 participant.

Screenshots

Hey. I was wondering if it would be helpful to add an issue template. If you plan on having a template for this project then please assign me this issue as I'd like to work on it as a GSSOC'21 participant.

Is your feature request related to a problem? Please describe.
We can consider using docker to reduce the setup hassle developers!

Describe the solution you'd like
This can be an alternative way for setting up keeping the standard way intact!

Hey! I would like to add the following in contributing.md
Add the following -

1.Difference between GIT and GITHUB
2.How to clone,fork repository
3.How to create a branch and then use git push to push to repo
4.Create a PR
5.Squash commits in a single issue into one
6, Updating the forked and local repo as the updations are made in the upstream
I would like to work on this as a part of GSSOC'21

Deliverables:
The footer icons are not synced properly with themes

Screenshots
See the Issue:

I will fix it soon, kindly assigned me this issue so that I can create the PR for the same.

Describe the bug
Bug:-Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self'". Either the 'unsafe-inline' keyword, a hash ('sha256-fSIMeQ9UIERL5ZqyJ76EFbfgakiTkW6MdrhTf01vKvg='), or a nonce ('nonce-...') is required to enable inline execution.
Go to the live link :- https://salty-brook-29410.herokuapp.com/

Screenshots

Desktop (please complete the following information):

• OS: Windows
• Browser Edge

Deliverables:
Add the deliverables with their description here.
I will like to add a feature this will update contributor list in read me automatically !! Will start to work on this issue as soon as i get assigend !!

For clarity we can add labels to icons in bottom nav for mobile view.

Describe the bug
There is no validation for semester in signup form

To Reproduce
Steps to reproduce the behavior:

1. Go to 'signup'
2. set semester as 950
3. It will be accepted
4. See error

Expected behavior
It should display error while receiving an invalid semester

Screenshots

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

The logo name is not perfectly adjusted when the browser width get's less or in nearby tab mode due to the navbar items.
I would like to solve this issue under GSSoC 21' as being a participant.
Please assign me this issue

Proposal

if you are working with mongoose, means you are working with promises. So, you need to handle promise. This is an easy fix but good for long term.

I suggest instead of this:

• mongoose.connect(process.env.URI, {
  useNewUrlParser: true,
  useCreateIndex: true,
  useUnifiedTopology: true,
  autoIndex: true,
  useFindAndModify:false,
  });

You should do this:

`
const connectDB = async () => {

try{

        const conn = await mongoose.connect(process.env.URI, {useNewUrlParser: true, useUnifiedTopology: true});
        console.log(`MongoDB Connected: ${conn.connection.host}`)
}catch(err){

        console.log(err)
        process.exit(1)
}

}

connectDB();
`

It is good practice :)

Deliverables:

• Remake The landing page to look like this
• Change color palettes.

Screenshots

Deliverables:

• Rename the attendance page to Today.
• Display only those subjects and labs which a student has on that day.

Screenshots

Currently only the Add Subject functionality supports dialog box, the edit functionality still redirects to a new page.

Deliverables

• Add support for Dialog box for Edit functionality.

The modal should be similar to this :-

Feel free to assign yourself if you want to work on this issue, if no one gets assigned I will work on this issue.

Dark theme and light theme needs to be integrated

Deliverables:
Add the deliverables with their description here.

• Design about page in FIGMA or Adobe XD
• Be consistent with the color palette used here
• Ask for reviewing to the Project Admin

Required is to add event listeners at DB connection file

mongoose.connection.on('connected', () => {
     console.log('DB Connection Established')
 })

This is example of event listener when DB is connected.
Also have to add for Disconnected, Re-established, connection closed and throw error while some error occurs.

Have any doubt do ask her freely.
Good Luck.

Deliverables:

• Move the Footer below the Bottom Navigation in the Mobile view.

Screenshots