there is three major task - filters of data, add to favorites by routing , infinite loop of data
do not use redux!!
link for github repo - [login to view URL]
Your Tasks
This project includes 3 main tasks, all of which are mandatory, besides the bonus questions.
You can and should learn new skills during the process, you may consult with Google and friends but you will need to explain why you implemented what you implemented, so be responsible for your code.
Task 1 - Filters
Above the list, there are several disfunctional checkboxes, which should add country filters to the user request, you need to make them work as follows:
Leaving them all unchecked should display all countries.
Checking one of the checkboxes should only fetch users from that specific country.
Checking several checkboxes should fetch users from all of the selected countries.
Bonus:
Add another country filter.
Task 2 - Favorites
Each user displays a heart icon while hovered, you need to implement the following functionality:
Add functionality which enables the user to select their favorite users.
Should be persistent - refreshing or closing the site will not reset the favorites.
Once a user is Favorited, the heart icon should stay visible even if the user is not currently being hovered over.
Clicking on a favorite user's heart icon should unfavorite the user.
Favorite Page
4.1. The Navbar has a Favorites tab, which should navigate to a new Favorite Page once clicked.
4.2. The Favorite Page should display all of the Favorited users.
4.3. Clicking on a heart icon inside the favorite page should unfavorite the user, and remove it from the page.
Task 3 - Infinity Scroll
Implement an Infinity Scroll functionality, which would fetch additional users and add them to the list once scrolling all the way down.
Bonus - Your Personal Touch
This is your chance to get creative. Add a new, cool and innovative feature to the app.
Feel free to delete, add, and refactor components as you see fit. Make sure that the previous tasks still work.
Tips / Notes
All the code you'll change / add will be in the /src folder.
If you want to use npm modules for other parts, go for it - just make sure you know how they work under the hood.
Submitting your project
After you've completed your tasks, and you are ready to submit it, do the following:
Make sure all the code is committed and pushed
Deploy your app using Github Pages.
Send me an email with your repo link & deployed app url.
Good Luck!
image of project start attached -
Hi, there. Hope you are healthy from covid.
I have rich experiences of React, Angular, and Vue.JS because the idea of concepts is similar to each other.
And In the backend module, I can provide the perfect Restful and Third-Party APIs for your front-end using Node JS or PHP.
Even if you don't choose me with this project, the discussion can help you find a proper way to solve the problems and I feel happy about it every time as before.
I hope to discuss this in more detail please if you are possible.
Waiting for your reply. Thanks.
Hello.
I read your job description carefully.
This opportunity caught my eyes because I have good knowledge and 7+ years experience with React.
I have checked your requirement and I am sure that I can do your project perectly.
I am very good at react and javascript, css.
So I think your project require high javascript skill.
I can provide you a best result with my skills and finish your project on time.
I can start your project immedately.
Looking forward hering from you.
Best Regards.
hello, i've read your project description carefully and I want to tell you that I can build the react app for people search as per your requirements
As a full stack expert with over 5 years of experience in React app development, I can start immediately and help you perfectly. lets have a quick chat to discuss this project
Stanica
Hello.
I am the best fit for your offer because I am very creative at web design and am very familiar with React.js and Typescript .
I have more over 5 years of website development experiences.
Performing your task is my job and fun at the same time.
When I start working with you, I will honestly sincerely work and will always follow your requirements.
I will work hard for this project and will make you satisfied.
Best Regards.
Hello?
I saw your project.
From what I can see, it's not a particularly difficult problem.
We can solve it perfectly.
Can I start from now?
We look forward to chatting with you for more detailed requirements.
hey. I'm a fullstack web developer using reactjs as frontend and nodejs as backend with any database like sql mysql and mongodb
as you described three tast like filters fav i can do these and those would be according to your requirements
for more details msg me
Hello I am a React developer with typescript and javascript
HTML/CSS/BOOTASTRAP is mandatory for developers and I hav enough expericne with it
I can finish this project in 7days
I have enough experinde with this kind of project
and weekend is the best time for me to do hardworking
so I can finsih this project before next saturday
could we discuss more deeply
Hi there, I can work on and do your project based on these
- Laravel
- javascript
- python project
- Full Stack Development
- Payment Gateway Integration
- Web Development
- iOS
- Android
- Hybrid iOS & Android apps
I have 6+ years of experience.
I am an enthusiastic professional and can deliver
your work in no time, please message details, I will
do it with great care and complete your project soon.
please message me details of your project.
Give fast, quality service to win your next project
Kind Regards
I am a software engineer at South Africa's biggest bank, and have experience writing apps in React Native. I also don't use Redux at all, and would like to assist you on this project.