React js Front-end

Đã Đóng Đã đăng vào 3 tháng trước Thanh toán khi bàn giao
Đã Đóng Thanh toán khi bàn giao

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.

JavaScript HTML5 Thiết kế trang web React.js CSS3

ID dự án: #37470491

Về dự án

24 đề xuất Dự án từ xa 2 tháng trước đang mở

24 freelancer chào giá trung bình₹2050 cho công việc này

asmasattar4

Hello, I am Asma, an experienced freelancer with 8+ years of experience in the field of Web & Mobile App Development. I have worked on many projects related to React js front-end and am confident that I can provide the Thêm

₹18000 INR trong 7 ngày
(24 Nhận xét)
5.0
RajAbhisek

Hi there, I am Raj, having experience of more than 6 years in website and app development. I have been exclusively working on platforms like Node JS, Angular, React, React Native, Next JS, Flutter, Ionic, Capacitor, Thêm

₹1000 INR trong 7 ngày
(6 Nhận xét)
3.5
pro20200516

Hi, We went through your project description and it seems like our team is a great fit for this job. We are an expert team which have many years of experience on JavaScript, Website Design, HTML5, React.js, CSS3 Ple Thêm

₹800 INR trong 7 ngày
(5 Nhận xét)
1.9
sivaganesh5356

I hope this message finds you well. I am writing to express my interest in your project for developing a React application for task management. I have carefully reviewed the project details and requirements you provide Thêm

₹800 INR trong 7 ngày
(1 Nhận xét)
1.1
hammasunnabi123

Hello, I am Hammas and I am excited to learn more about your project requirements for React.js Front-end! As a seasoned professional with experience in web development, Flutter expertise, and graphic design, I am confi Thêm

₹800 INR trong 3 ngày
(3 Nhận xét)
1.8
ariabd777

Harnessing 2 years of dedicated frontend expertise with NextJS, I specialize in crafting robust, scalable, and visually appealing web applications. With a proven track record of delivering dynamic user interfaces, I br Thêm

₹10000 INR trong 16 ngày
(0 Nhận xét)
0.0
duytien241

Hello! I'm a front-end developer with 4 years of experience, specializing in Js, HTML/CSS, ReactJs and NextJs include Web3Js, EtherJs. I'm also skilled in NodeJs and have hands-on experience deploying systems on AWS. Thêm

₹4000 INR trong 7 ngày
(1 Nhận xét)
0.0
GM1001

Dear client How are you? As a seasoned React developer, I am well-equipped to fulfill your Front-End development requirements for a task management application. I have a proven track record in building responsive React Thêm

₹800 INR trong 10 ngày
(0 Nhận xét)
0.0
rakeshkumarbs74

Hello, I'm Rakesh, and I'm thrilled to delve into the details of your React.js front-end project! With a solid background in web development and expertise in technologies like React, I'm confident in my ability to meet Thêm

₹700 INR trong 5 ngày
(0 Nhận xét)
0.0
wesleygoyette

Why Choose Me: Technical Skills: React Mastery: Proven expertise in React, creating responsive interfaces and dynamic applications. Redux Proficiency: Experienced in efficient state management using Redux for actions, Thêm

₹1000 INR trong 7 ngày
(0 Nhận xét)
0.0
abhishekbichholi

Hello, I am Abhishek Bicholiya, i have 2+ years of experience in ReactJs and i have knowledge of redux, bootstrap, tailwind css, firebase and also payment method like PayPal and stripe. I have worked on projects like Thêm

₹1000 INR trong 7 ngày
(0 Nhận xét)
0.0
royo2me

Hello! My name is Roy and I am a Full Stack Developer. I understand your project requirements and would like to apply my skills to help you create a React application with the following components: TaskList, TaskForm, Thêm

₹800 INR trong 6 ngày
(0 Nhận xét)
0.0
aarif568khan4

Subject: Professional Proposal for Frontend Development Project Dear Sir/Mam, I hope this message finds you well. I am writing to express my interest in your project and to propose my services as a skilled front-end Thêm

₹800 INR trong 6 ngày
(0 Nhận xét)
0.0
sahdevrai338

Dear Client, I hope you are doing well. I read your job description and it seems to be quite impressive and perfectly aligned with my skill set. I am a skilled developer with experience in ReactJS, React Native, Redux Thêm

₹600 INR trong 7 ngày
(0 Nhận xét)
0.0
jayanthRaavan5

I am a fullstack developer, I'm interested to work with you. I will be more helpful to you. Give me design if you have. I'm ready to discuss your project and start immediately. Looking forward to hearing from you.

₹800 INR trong 7 ngày
(0 Nhận xét)
0.0
ms7620281

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 exper Thêm

₹800 INR trong 7 ngày
(0 Nhận xét)
0.0