Booking components
€30-250 EUR
Paid on delivery
Hi, I'm looking for a freelancer to develop some components which will fit into other parts of a larger booking project.
Below I describe exactly the tasks/content to be developed.
Material-UI components should be used.
Mock data should be used.
The components to be implemented will be integrated in a bigger react project.
A crud component design example:
[login to view URL]
FULL PROJECT
1 - Create a crud view of a Clients dashboard
===============================
*To be later integrated as an option of a react application navigation menu*
----------------
**Acceptance Criteria**:
- A grid must be shown with the information (see *fields* below)
- The grid headers must be clickable to change ordering
- A dialog must be used to crud
- Material-UI components must be used
- The view should be a react smart component
- Mock data must be used
*Fields*:
- Name /required
- Username /auto-generated required
- Password /auto-generated required
- Roles (Personal Trainer, Masseuse, Nutritionist, Admin, Editor) /required
- Phone /required
- Email /required
- Address /required
- Professional Id /required
- Id number /required
2 - Create a crud view of a Service Dashboard
===============================
*To be later integrated as an option of a react application navigation menu*
----------------
**Acceptance Criteria**:
- A grid must be shown with the information (see *fields* below)
- The grid headers must be clickable to change ordering
- A dialog must be used to crud
- Material-UI components must be used
- The view should be a react smart component
- Mock data must be used
*Fields*:
- Name /required
- Duration (ex: 30min, 45min, 60min) /required
- Type (Massage, Nutrition, Workout, Assessment) /required
3 - Create a crud view of a Rooms Dashboard
===============================
*To be later integrated as an option of a react application navigation menu*
----------------
**Acceptance Criteria**:
- A grid must be shown with the information (see *fields* below)
- The grid headers must be clickable to change ordering
- A dialog must be used to crud
- Material-UI components must be used
- The view should be a react smart component
- Mock data must be used
*Fields*:
- Name /required
- Type (Gym, Office) /required
- Address /required
4 - Create a view of a User Profile
===============================
*To be later integrated as an option of a react application navigation menu*
----------------
**Acceptance Criteria**:
- Material-UI components must be used
- The view should be a react smart component
- Mock data must be used
*Fields*:
- Photo /editable
- Name /non-editable
- Username /non-editable
- Password /editable
- Roles /non-editable
- Phone /editable
- Email /editable
- Address /editable
- Professional Id /non-editable
- Id number /non-editable
5 - Create a view of a Settings
===============================
*To be later integrated as an option of a react application navigation menu*
----------------
**Acceptance Criteria**:
- Material-UI components must be used
- The view should be a react smart component
- Mock data must be used
*Fields*:
Calendar Time Slots /number (ex. 30min)
Pre-Booking Allowed Max Time /number (ex. 7 days)
Pre-Booking Availability Max Notification Time /number (ex. until 2h before)
Timezone (ex. GMT+1…)
Color Themes (ex. light, dark)
Language (ex. pt, en)
6 - Create a view of Notification Templates
===============================
*To be later integrated as an option of a react application navigation menu*
----------------
**Acceptance Criteria**:
- Text area for each notification template
- Enable/Disable toggle for each notification type
- Material-UI components must be used
- The view should be a react smart component
- Mock data must be used
*Fields*:
- Booking Confirmed
- Booking Updated
- Booking Canceled
- Booking Reminder
- Pre-Booking Availability
Project ID: #29910495
About the project
Awarded to:
ReactJs expert here! Dear, sir! i have read your requirements and writing to apply to your project. I have 5+ years of experience with MERN Stack development. Especially, ReactJs is my favorite subject as it is very li More
15 freelancers are bidding on average €163 for this job
Hi There, You are looking for an expert developer who can help you regarding the website development project. I have seen the job description, project objective, and gone through the requirements thoroughly. As mentio More
******** Full Stack Developer ******** Hi, I read your requirement carefully and understood clearly. As a rich experienced developer in web dev, I have powerful knowledge about Laravel, React, Vue, Angular, Shopify, Wo More
Greetings! First of all I would like to thank you for giving such a clear project description of what you exactly need. I would like to do the exact same thing with my bid description. 1. Will be taking the modular app More
Hello, I have read the job details Booking components very carefully, and i become very interested in working with you. I'm an expert in this field. I have done several projects like this before. I will provide my best More
Hello My main skills: ✓React.js/Next.js, Redux, Redux-Saga, Redux-Thunk, Redux-Observable, React-Logic, Hooks ✓ Material UI, Ant Design ✓ GraphQL/Rest, Apollo, Firebase ✓ HTML5/CSS3, LESS/SASS/SCSS ✓ SQL, MySQL, More
Hello Client, Thanks for your job posting. As a full-stack developer who has 7+ years of experiences in Programming, I have much experiences in full stack development for frontend and backend. I'm very familiar with P More
Hi, I can help you in creating crud components using material ui and react js. I can start right now. Lets discuss more via chat. Here is my brief intro. This is Asad Abbas, Professional Software Developer having in More