pankajkumarbij / easy-job-intern Goto Github PK

you can give suggestions for improvement of UI and backend.

Sign Up form backend route not working properly

After filling up the Signup/register form the user is not able to register and his data is not stored in the database.It shows the following error

Please assign this issue to me and allow me to fix it.

Describe the bug

After Logging in we can't make a logout request we have to manually clear data

Solution

Create a signout Route at the backend and integrate it with React Front-End and Create a bottom in NavBar using Conditional rendering

Integrate database with login and signup pages for students.

Use fetch in react for post and get data.

All mongoose-related schemas should be in the models folder in the server and route in the routes folder.

code formatting should be nice.

like the one mentioned below

Improve the Contact US page.

• You can use input fields first name, email, mobile no, message and you can suggest other features also.
• Contact US the page should be in dark mode with the best color combination because this website is building up in dark mode.
• Make sure use only react-bootstrap and CSS for style, don't use any other styling framework or libraries.
• Make sure every page should be responsive on every platform.

Design general terms and condition page using react-bootstrap.

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.

For the instruction of client, For ex:- After Login or signup a popup will came show that signup is successfull or if any error

I would like to add the functionality of sending a mail whenever a new user signs up to the app.
I am a participant of GSSOC'21.

If you find it relevant, please assign me to it and add the necessary tags.

Improve the About us page.

• You can put dummy any data as of now.
• About us the page should be in dark mode with the best color combination because this website is building up in dark mode.
• Make sure use only react-bootstrap and CSS for style, don't use any other styling framework or libraries.
• Make sure every page should be responsive on every platform.

Design a new footer for the website

Improve readme file contributors' names with their images.

Connect about us page link with about us in the footer.

Make sure the page should not be refresh use react-router dom.

Design a new standard logo for the website.

Design a general privacy and policy page using react-bootstrap.

Design an about us page with react-bootstrap.

Design home page using react,react-bootstrap,icons etc.

You can explore some job and internship website as a reference.

Add contributors in the readme.md file.

Connect terms and condition page link with terms and condition button in the footer.

Make sure the page should not be refresh use react-router-dom.

Integrate contact us page details with the database using node.js, express js, and MongoDB.

MongoDB database details should be in our local system means don't use any online platform to store data.

Add required files and folders in .gitignore for frontend and backend both.

ex: node_modules, package-lock.json, .eslintcache etc.

you can search about it which files and folders should be in .gitignore.

Integrate Login and Signup page for students with database

Use mongoose(MongoDB) with Node.js(express.js) for store user details. (use local system MongoDB for store means don't use any online platform).

Design a sign-up page with basic details with react and react-bootstrap.
Name, Email, Mobile no, password, confirm password, image, college name, etc.

Sign-in form only with email and password.

Create Login and Signup endpoint for backend.

• These endpoints are to be used for connecting frontend to backend api
• use simple names like 'login' and 'signup
• create model for user based on fields available in signup page (Check frontend). Model should be in models folder.

Use some screenshots for better understanding in contributing file.

Describe the bug

There are multiple validation issues while filling up contact us form.

• First and Last name can be even limited to single letter word( Thus doesn't provide proper identity of user).
• Email validation is checked when user click on submit button( It should be checked while filling up that field).
• Mobile No. can even be less than 10 character.
• Message field character length is not set.

Expected behavior

Error message should be display below respective field whenever a validation fails.

• First and Last name can be made to have length of at least 3 characters.
• Email validation can be checked while user is filling up that field.
• Mobile No. can be set to limit of at least 10 character.
• Message field character length can be set to minimum 10 characters.

Additional context

Please, can any mentor let me contribute to this issue with proper label ? They can also share any further requirement for the issue . Let me know so that I can start working on it.

Currently, we need to start the server inside the server directory using nodemon or node app.js and start the client using npm start. We want a single command npm start which should start both the server and the client.

Typo in README.md

Given

In TECH STACK
MangoDB

Expected

In TECH STACK
MongoDB

Make the footer more responsive that all the fields that look on the full screen also should be view in mobile view or any view.

Design Login Page and Sign Up page design for employers or companies.

• You can use input fields company name, contact person name, email, mobile no, password, confirm the password, agree on the checkbox, and can suggest other features also for the sign-up page.
• Login page only has email and password input fields and agrees on the checkbox.
• All pages should be in dark mode with the best color combination because this website is building up in dark mode.
• Make sure use only react-bootstrap and CSS for style, don't use any other styling framework or libraries.
• Make sure every page should be responsive on every platform.

Connect contact us page link with contact us button in the footer.

Make sure the page should not be refresh use react-router-dom.

Improve Login Page and Sign Up page design for students

• You can use input fields name, email, mobile no, password, confirm the password, agree on the checkbox, and can suggest other features also for the sign-up page.
• Login page only has email and password input fields and agrees on the checkbox.
• All pages should be in dark mode with the best color combination because this website is building up in dark mode.
• Make sure use only react-bootstrap and CSS for style, don't use any other styling framework or libraries.
• Make sure every page should be responsive on every platform.

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

It would be better if the footer will a short contact us form which will have email & message as input.

Describe the solution you'd like

A form with the above-mentioned fields.

Integrate database with contact us page.

Use fetch in react for post and get data.

Backend is already present in the server(you can update backend code also if you want).

All mongoose-related schemas should be in the models folder in the server and route in the routes folder.

Describe the bug

secrets in an app should be grabbed from an environment variable rather than a hard coded string which is located here

Expected behaviour

should grab the variables from .env and should make an assertion that necessary variables are present while starting the app

Additional context

There should be 3 env file

1. test
2. production
3. local

Improve the Navbar

• Remove this logo because this logo's height is not fit the navbar(You can give brand name only if you don't want to design a logo)

• For all dropdown nav items there should be the effect of hover or animation effect.

• Nav items:-
  1. Internships dropdown (dropdown items should be some categories like part-time, engineering, MBA, etc., (you suggest and add other categories).
  2. Freshers Jobs dropdown (dropdown items should be some categories like part-time, full-time, engineering, MBA, etc., (you suggest and add other categories).
  3. All Open Jobs dropdown(dropdown items should be some categories like -time, full-time, engineering, MBA, etc., (you suggest and add other categories).
  4. Blogs Button.
  5. Login Button dropdown(dropdown items should have two options Student and Employer).
  6. Sign UP Button dropdown(dropdown items should have two options Student and Employer).

• NavBar the page should be in dark mode with the best color combination because this website is building up in dark mode.

• Make sure use only react-bootstrap and CSS for style, don't use any other styling framework or libraries.

• Make sure every page should be responsive on every platform.

i would like to solve this issue under GSSOC21 as i had already used your project i found home page some field to be changed.

Basically , we need to add an attractive poster so that people get to see our project. A banner for mentors involved. We can also add a gif explaining how our objective works, this will convey the message very easily and attract the crowd.

Integrate logo in the navbar that is already present in the public folder.

There is a spelling mistake for the word fork under the Contribution Guidelines in the readme.md file.

I would like to add content in the about section of the website based on what you want to have there.
I am a participant in GSSOC'21. If you find it relevant, please assign me to it and add the necessary tags

Design contact us page using react and react-bootstrap.

Want to add express validator to validate form data at backend for POST signin and signup request.

#Please let me contribute for this feature

As it will be easy for viewers to view the site and notice down the changes.

Connect privacy policy page link with privacy policy button in the footer.

Make sure the page should not be refresh use react-router-dom.

Create mongodb connection in main server file.

Currently, mongodb connection is handled in routes files.

Move connection logic to server/index.js before app.listen statement.

Please follow error handling while connecting db.

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

Creating Contact Us Form using Formspree.

Describe the solution you'd like

I'll create contact-us form UI using React JS on the frontend and send the data of the user to the project admin email through Formspree API.

I'm going to edit the contact-us.js file and update it using react functional component i.e, Hooks. After that, on submission of the contact-us form, I'll send the user data to the project's admin email, using Formspree API.

Additional context

By using Formspree we don't require to connect our frontend contact-us form to the backend to store the data in the database.