google-developer-student-club-rjit/remotebirdjobs-frontend

Remotebirdjobs is a website where anyone around the world can find his preferable job which have been posted on twitter.

remotebirdjobs-frontend

       

Tech-Stack

About the Project

This project is a part of the Hacktoberfest in behalf of Google Developer Student Club's RJIT. The project is made using ReactJS.

Remotebirdjobs is a website where anyone around the world can find his preferable job which have been posted on twitter.

Getting Started

To get started please follow the below cammands:

npm i
npm start

📌Contributing Guidelines :

First read CONTRIBUTING.md

Do not make a PR without getting the issues assigned. Read Rules Carefully!

1. Fork this repository.

2. Clone your forked copy of the project.

git clone https://github.com/<your_name>/remotebirdjobs-frontend.git

3. Navigate to the project directory 📁 .

cd remotebirdjobs-frontend

4. Add a reference(remote) to the original repository.

git remote add upstream https://github.com/Google-Developer-Student-Club-RJIT/remotebirdjobs-frontend.git

5. Check the remotes for this repository.

git remote -v

6. Always take a pull from the upstream repository to your master branch to keep it at par with the main project(updated repository).

git pull upstream main

7. Create a new branch.

git checkout -b <your_branch_name>

8. Perfom your desired changes to the code base and track your changes:heavy_check_mark: .

git add .

9. Commit your changes .

git commit -m "Relevant message"

10. Push the committed changes in your feature branch to your remote repo.

git push -u origin <your_branch_name>

11. To create a pull request, click on compare and pull requests. Please ensure you compare your feature branch to the desired branch of the repo you are suppose to make a PR to.

12. Add appropriate title and description to your pull request explaining your changes and efforts done. Always make sure you have pulled the latest code from the main branch before making a PR.

13. Click on Create Pull Request.

14. Hurray ❗ You have created a PR to the remotebirdjobs-frontend 💥 . Sit back patiently and relax till then the project maintainers will review your PR. Please understand, there will be some time taken to review a PR and can vary from a few hours to a few days too so be Patient and keep contributing.

For any changes regarding the UI please follow the Figma link below! https://www.figma.com/file/m61XtL5xq5ZL6mgOI4J1eF/Untitled?node-id=1%3A3

Or follow this:

Our Contributors

Copyright © 2022

remotebirdjobs-frontend's Issues

Unwanted margin in Input

• There is a very small margin of arnd 2px around the inputs which creates a small space which doesn't look good.
• Remove the margin, the issue happes with all four inputs.

Resizing vertically, the height of card are reduced vertically.

Here is a screenshot.

Work from home input change

Work From Home input is currently a Dropdown type we want it as a checkbox.

• On checked state it's value should be true and in unchecked state value should be false.

UI Change: Update the navbar as per the new UI

• There is an UI change. The ui is available in the readme section as well as the Figma link is also available.
• The functionality of the navbar should be untouched. The fonts and colours should be matched with the UI.
• The logo is also available in the ui folder.

Api Response Empty

• When response from Api is empty it shows blank screen.
• Display a message telling that there are no search results.

Alignment of Tweetcontainer

Tweecontainer is not centered w.r.t "Job Tweets" heading

• Align TweetContainer properly
• TweetContainer width should not exceed the width of it's heading

Navbar input fix

There is an white extra background behind this input field.
Fix this issue.

Calender date change

Issue

• When any of these arrows are pressed the date updates which results in loading of new tweets.

This should not happen.
The date should change only when a particular date is selected form the calender rather than on clicking the arrows.

Acknowledge the Contributors by adding Contributors Section in README.md

Proposed Changes

• Add a dynamic Contributors Section in README file
• Add Copyright Logo to the Project at end of README
• Add more helpful links for beginners in Contributing.md (if needed)

Navbar width

• Navbar should cover the whole Viewport width.

More selection required.

Currently this selection has only few limited fields.
But we need more such fields like Java, Spring, MERN, NodeJS, etc.

Loading screen required

The current loading animation is not much impressive.
Add a new loading animation which will also work properly.

Create a proper README.nd

There is no dedicated README.md.
We need to create one.

hactoberfest-accepted

There is no master branch but it is mentioned in contributing.md

Assign this to me

Loader Lagging || Multiple Loader Renders || No error handling of APIs

Hi,

Below are the issues observed:

1. I have observed the loader renders twice, also it is Lagging (not smooth)
2. No error handling for APIs.

Proposed changes:

1. Will add a bootstrap loader to have consistency throughout the project. (https://getbootstrap.com/docs/4.4/components/spinners/)
2. Will add error handling for API resolution and remove redundant code.

Create a UI for the website.

Currently there is no UI in the website.
We need to have a UI which is based upon the theme of the project.

Margin in tweets

There is an unwanted top and bottom margin in the tweets. Remove it.

Enhance the ui and logic behind start date and end date

Propose changes

• Enhance the start date and end date ui and add a logic which will not allow one to select a date which is less than the start date.
• Change the react logic behind the date

we want something like this: