Find Jobs
Hire Freelancers

React js FrontEnd

₹600-1500 INR

Ditutup
Disiarkan 3 bulan yang lalu

₹600-1500 INR

Dibayar semasa penghantaran
Note: I need this project today by EOD. Hey, thanks for agreeing to take up the coding exercise! This exercise will give us a good idea about your coding style and approach to building software. It would also form the basis of our future discussions in the hiring process. Please go through it and let us know the date by when you would submit the solution. Implement a Task Management Application Project Overview: The task is to create a task management web application using React that allows users to create, manage and organize tasks. The application should include features like searching for tasks, sorting tasks, and implementing pagination for a responsive layout. Requirements: Front-End Development: 1. Create a React application with the following components: a. TaskList: Display a grid of tasks with columns for task name, description, category, and the date last edited. The number of columns displayed should vary based on the screen size (3 columns on Desktop, 2 on Tablet, and 1 on Mobile). b. TaskForm: A form to add or edit tasks. Include fields for title, description, category, and status (completed or not). c. TaskTable: Display a table view of tasks with columns for task name, description, category, and the date last edited. The table should always match the width of the grid. d. SearchBar: Allow users to search for tasks. The search should match task names and descriptions. Support exact matches when the search query contains a phrase within double quotes. e. SortDropdown: Allow users to sort tasks by name or date last edited. f. Pagination: Implement pagination using 'page numbers' style. Each page should display a specified number of tasks (e.g., 10 tasks per page). g. CategoryList: Display a list of categories and allow users to create, edit, and delete categories. 2. Use React Router to create different routes for task management (e.g., '/tasks', '/categories'). 3. Implement a Redux store to manage the application's state. Define actions, reducers, and selectors for tasks and categories. 4. Connect components to the Redux store for data management. 5. Implement a responsive layout that adapts to different screen sizes (Desktop, Tablet, and Mobile). 1. Ensure that the UI state is preserved when the web page is refreshed. The data loaded after a refresh should match the search query and sorting criteria. API Integration:  Simulate API calls using local state. Create functions for fetching, creating, editing, and deleting tasks and categories. Search:  Users can search for tasks by entering a search query.  The search should match task names and descriptions.  Support exact matches when the query contains a phrase within double quotes (similar to Google).  Users should be able to filter tasks by category. Sort:  Users can sort tasks by name, category or date last edited.  Provide a dropdown to select the sorting criterion. Pagination:  Implement pagination using 'page numbers' style.  Show links to navigate between pages.  Display the total count of tasks matching the current search and sort criteria. State Management:  The grid content should be paginated based on the search and sort criteria.  The table rows should match the data displayed in the grid.  Preserve UI state when the web page is refreshed. Ensure that the loaded data aligns with the search query and sorting criteria.  Consider using routes/URLs to manage UI states for the entire app. Testing:  Write meaningful unit tests for components and functions where appropriate. Other Requirements:  Avoid using 3rd-party styling/component frameworks.  Provide a Git repository link containing project files.  If following a Test-Driven Development (TDD) approach, commit in a sequence that demonstrates it.  Include a [login to view URL] file with instructions on how to run your project and a brief explanation of your design choices.  Implement any necessary validation for form inputs (e.g., title and description fields).  Ensure proper error handling for API calls or user interactions. Do let us know if you have questions at any time during the assignment.  Good luck!
ID Projek: 37475287

Tentang projek

12 cadangan
Projek jarak jauh
Aktif 2 bulan yang lalu

Ingin menjana wang?

Faedah membida di Freelancer

Tetapkan bajet dan garis masa anda
Dapatkan bayaran untuk kerja anda
Tuliskan cadangan anda
Ianya percuma untuk mendaftar dan membida pekerjaan
12 pekerja bebas membida secara purata ₹2,192 INR untuk pekerjaan ini
Avatar Pengguna
Hello, this is Siva from Full Stack Developer with 2 years experience in product based company. I understand that you need to implement a Task Management Application using Reactjs and React Router. I believe my skillset and experience make me the best fit for this job. As a Full Stack Developer, I have worked on both frontend and backend technologies. Specifically in the field of Reactjs, I have used it before to build complex applications such as an IoT platform and a news reader. This makes me an expert in using Reactjs for building responsive layouts that adapt to different screen sizes (Desktop, Tablet and Mobile). Furthermore, I have knowledge of Reduxjs which is required for state management in this project. I would be more than happy to help you out with this project, please feel free to contact me if you want to discuss further or need any additional information..
₹1,500 INR dalam 2 hari
5.0 (1 ulasan)
1.1
1.1
Avatar Pengguna
Hi there! My name is Shreejal and I am a Full Stack Developer with extensive experience in the field of software development. I have a strong understanding of both front-end and back-end technologies, as well as DevOps. I am confident that my skillset makes me an ideal fit for this project. With my expertise in Reactjs and Redux, I can deliver a task management application that allows users to create, manage and organize tasks within a responsive layout that adapts to different screen sizes (Desktop, Tablet and Mobile). Additionally, I take into consideration API integration simulation using local state so that the UI state is preserved when the web page is refreshed. I understand that you are seeking solutions for Reactjs FrontEnd by EOD and would be eager to work with you on this project. Please let me know if you would like me to discuss further or answer any further questions about my abilities or project requirements. Give me task. so thanks.
₹1,250 INR dalam 8 hari
0.0 (0 ulasan)
0.0
0.0
Avatar Pengguna
Hello, I'm shanmukh I am a full stack developer, I have great Knowledge on both front end and backend and i have experience of IT as a software developer. I have a great thoughtful mind and i can do your work as simple as you like. And I'm budget friendly... Experienced full-stack developer proficient in HTML, CSS, Bootstrap, JavaScript, React, Node.js, MySQL, MongoDB, Java, and Python. Leveraging a robust skill set to deliver innovative and scalable solutions. Eager to collaborate on diverse freelance projects, ensuring quality and client satisfaction. Let's build something amazing together!
₹600 INR dalam 7 hari
0.0 (0 ulasan)
0.0
0.0
Avatar Pengguna
Crafting a React Task Management App, I blend functionality with elegance. Responsive, paginated, and seamlessly connected to Redux. Simulated API calls, unit-tested, and TDD-driven. No third-party styling. Git repo link provided. Meet your deadline with a robust solution
₹1,050 INR dalam 4 hari
0.0 (0 ulasan)
0.0
0.0
Avatar Pengguna
I have done many projects like this. You can see it in my profile We can do this project by implementing all the above functionalities. We are are a group of 4 members graduated from IITs
₹600 INR dalam 7 hari
0.0 (0 ulasan)
0.0
0.0
Avatar Pengguna
Hello, I am a developer that can make a responsive , attractive and fully functional website. And I can build it in very few days.
₹600 INR dalam 5 hari
0.0 (0 ulasan)
0.0
0.0
Avatar Pengguna
Hello, Greetings! I hope you are doing great. I am writing to express my enthusiasm for the opportunity to collaborate on this project. With over 12 years of dedicated experience in the field, I bring a wealth of expertise to ensure the success of your endeavor. Here's why I am the perfect fit for your project: 1. With a robust portfolio spanning diverse projects, I have consistently delivered high-quality results, earning the trust of clients over the years. 2. My proficiency extends across various aspects of this field. This enables me to provide a holistic approach to your project needs. 3. I pride myself on staying ahead of industry trends and leveraging cutting-edge technologies to bring innovative solutions to the table, ensuring your project remains ahead of the curve. Now, to better understand your vision and requirements, could you please provide insights into the following: 1. What is your preferred timeline for project completion, and are there any critical milestones? Understanding your objectives will help me tailor my approach to meet your expectations effectively. 2. Could you share the primary goals you aim to achieve with this project? 3. Are there specific collaboration or communication preferences you have for seamless project coordination? I am eager to discuss how my skills align with your project requirements in more detail. Looking forward to the possibility of working together and achieving remarkable results. Warm regards, Manish Sharma
₹1,050 INR dalam 7 hari
0.0 (0 ulasan)
0.0
0.0

Tentang klien

Bendera INDIA
NEW DELHI, India
0.0
0
Ahli sejak Jul 3, 2020

Pengesahan Klien

Pekerjaan lain daripada klien ini

React js Front end
₹600-1500 INR
Terima kasih! Kami telah menghantar pautan melalui e-mel kepada anda untuk menuntut kredit percuma anda.
Sesuatu telah berlaku semasa menghantar e-mel anda. Sila cuba lagi.
Pengguna Berdaftar Jumlah Pekerjaan Disiarkan
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Memuatkan pratonton
Kebenaran diberikan untuk Geolocation.
Sesi log masuk anda telah luput dan telah dilog keluar. Sila log masuk sekali lagi.