anita00001 / fix-mate-frontend

Fix Mate is committed to making everyday life more convenient by connecting users with trusted service providers. It is a one-stop platform for finding, booking, and reviewing services, all from the comfort of your home.

Greetings! 👋, I'm Anita Sharma.

What brings you here today?

• 🔭 I’m currently working on Microverse Full-stack Web Development Program

• 🌱 I’m currently learning Javascript and React

• 👯 I’m looking to collaborate on GitHub

• 👨‍💻 All of my projects are available at github.com/anita00001/anita00001

• 💬 Ask me about HTML, CSS and JavaScript

• 📫 How to reach me [email protected]

• ⚡ I admire Explore and Learn new dimensions of life

Languages and Tools:

                         

                         

                         

Stats:

Support:

Connect with me:

fix-mate-frontend's Issues

[1pt] Delete an Expert - Frontend

• Design page for delete an expert
• When the user clicks the "Delete a expert" link in the navigation panel they can see a list of all items with title and "Delete" button.
• When the user clicks the "Delete" button, the selected item is marked as removed and does not show on the main list anymore.

[3pt] Add Item

• Create a Form to add a new Item
• Autofill username
• When a item is successfully added, show it in Item page.

[3pt] Styling and Responsiveness

• Make the app responsive, creating both mobile and desktop versions.

[1pt] Login and Authentication [Frontend]

• Design Login Page
• Style Login Page

[1pt] Add Readme file

• Create readme file with adding the link of the backend repo

[3pt] My Reservation Page

When the user clicks the "My reservations" link in the navigation panel they can see a list of their reservations (with information about item name, date and city).

[1pt] Navigation panel [Mobile]

In the navigation panel, the user can see links to:
Items that you selected as a theme.
"Reserve" form.
"My reservations".
"Add item that you selected as a theme" (the link is visible to everybody).
"Delete item that you selected as a theme" (the link is visible to everybody).

[4pt] Testing [Frontend]

• Integration testing

[3pt] Item Details page [Frontend]

• When the user selects a specific item, they can see the [details page] with its full description .
• In the details page, the user can click the "Reserve" button (in the design you can see the "Configure" button - please replace it with the "Reserve" button).

[1pt] Setup Project [Frontend]

• Create a boiler template for the frontend (React application)
• Setup linter checker
• Add tailwindcss for styling

[3pt] main Page(experts) [Frontend]

• User can create or add a new item.
• Redirect user to the list of items page
• main page (list of the item (expert))
• creating slider

[3pt] Create a Form for Reservation

• Create a form that adds a form for the reservation.
• When the reservation is done successfully, show it in my reservation page.
• To reserve an appointment, the user has to select a date and city (username and selected item are autofilled).
• Use the design based on the "Book a vespa test-ride" and add all necessary inputs.
• The user can also access the "Reserve" page from the navigation panel. In that case only username is autofilled.

[1pt] Navigation Panel [Desktop]

In the navigation panel, the user can see links to:
Items that you selected as a theme.
"Reserve" form.
"My reservations".
"Add item that you selected as a theme" (the link is visible to everybody).
"Delete item that you selected as a theme" (the link is visible to everybody).