• Develop PHONE NUMBER VERIFICATION page UI appropriately
• Ensure they are responsive and follow the responsive design on the Figma
• Implement images properly
• Follow the colour guide and the appropriate colours

The routes listed on the App.jsx page includes the Help and Support page, but the route to /support was not added, so the link doesn't work.

Create An issue or pull request template for contributors.
I'll be working on this.

• Develop the create account UI appropriately
• Ensure they are responsive and follow the responsive design on the figma
• Implement images properly
• Follow the color guide and the appropriate colors

What docs page is being added or updated?

• Section: LICENSE

For Adding New Content

What kind of content category is this page (tutorial, how-to, explanation, reference)?

A license for the repository

What are the intended results or takeaways from reading this page?

Have a better understanding of the kind of project we are working on and helps the contributors know their right

For Updating Existing Content

What updates should be made to the page?

No update

Title

Development of the Forgot Password page

This document contains how designers can contribute to the design file

• Develop the email verification page UI appropriately
• Ensure they are responsive and follow the responsive design on the figma
• Implement images properly
• Follow the color guide and the appropriate colors

• Develop the verification successful page UI appropriately
• Ensure they are responsive and follow the responsive design on the figma
• Implement images properly
• Follow the color guide and the appropriate colors

There is currently no state management tools for the project and an online shop has quite a lot of state to be managed.
So I'll love to set up either redux-toolkit for the project if assigned to me.

I discovered the footer design on the home page is not carrying the colours on the style guide.

• Develop the User Dashboard notification pages UI appropriately
• The user dashboard notification page contains 1 page and a modal
• Ensure they are responsive and follow the responsive design on the Figma
• Implement images properly
• Follow the colour guide and the appropriate colours

Develop Login page UI appropriately
Ensure they are responsive and follow the responsive design on the Figma
Implement images properly
Follow the colour guide and the appropriate colours

• Develop the User Dashboard wishlist pages UI appropriately
• The user dashboard upload product page contains 3 pages ( you should send a pull request for each of the pages)
• Ensure they are responsive and follow the responsive design on the Figma
• Implement images properly
• Follow the colour guide and the appropriate colours

• Develop the User Dashboard profile pages UI appropriately
• The user dashboard profile page contains 1 page and a modal
• Ensure they are responsive and follow the responsive design on the Figma
• Implement images properly
• Follow the colour guide and the appropriate colours

setting up CI/CD will make the project easier to review.
as all changes made will be reflected making it easier for maintainers to notice errors as the frontend requires a visual representation.

Building out the help and Support page

• Develop the KYC PAGE UI appropriately
• Ensure they are responsive and follow the responsive design on the Figma
• Implement images properly
• Follow the colour guide and the appropriate colours

There is no link from the Readme file to the contribution.md file thus not providing easier onboarding of participants just from the read me

• Develop THE PHONE NUMBER VERIFICATION SUCCESS page UI appropriately
• Ensure they are responsive and follow the responsive design on the Figma
• Implement images properly
• Follow the colour guide and the appropriate colours

• Develop the reset password page UI appropriately
• Ensure they are responsive and follow the responsive design on the Figma
• Implement images properly
• Follow the colour guide and the appropriate colours

Develop the User Dashboard help and support page UI appropriately
Ensure they are responsive and follow the responsive design on the Figma
Implement images properly
Follow the colour guide and the appropriate colours

new page alert on the Authentication page

Develop the forget password notification page UI appropriately

Ensure they are responsive and follow the responsive design on the Figma

Implement images properly

Follow the color guide and the appropriate colors

To make it easy for the maintainers to see what changes has been made to the codebase, a well formatted issue must be raised. Kindly check my PR I just created a format for contributors to follow.

• Develop the pages of the User-Dashboard message UI appropriately
• The user dashboard message contains 2 pages ( you should send a pull request for each of the pages)
• Ensure they are responsive and follow the responsive design on the Figma
• Implement images properly
• Follow the colour guide and the appropriate colours

• Develop the forget password page UI appropriately
• Ensure they are responsive and follow the responsive design on the Figma
• Implement images properly
• Follow the colour guide and the appropriate colours

Title

Develop the Navbar and Hero page

Summary

I want to start by developing the Navbar and Hero page and make it fully responsive

Environment

[environment of where the issue occrs; e.g., operating system version, browser version, and so on]

Steps to reproduce

1. Create components for the sections.
2. Link them up
3. Make it responsive

Expected result

A landing page then we can proceed with other pages.

general

• Section 2:
• 3:

What is the problem?

What should be changed to fix the problem?

The Info section for more details on entering correct and up-to-date info on newly uploaded and edited product currently lacks a UI and also the Two are separated and are better unified as a single info dialog

Feature Request

Routing structure in frontend

This will Feature to help the contributors better in developing other pages

Create a routing structure in the app.jsx file as so all other contributors developing other pages will just link there routing page using one convention, so some conflicts are avoided.

I'd like to setup react-router for the application, it'll serve very well in handling routing for the app.

Title

Build a responsive Footer for Landing Page

Summary

Build a responsive Footer for Landing Page for techmart landing page
Environment

[Mobile, Tablet, and Web]

• Develop the User Dashboard view uploaded product pages UI appropriately
• The user dashboard upload product page contains 4 pages ( you should send a pull request for each of the pages)
• Ensure they are responsive and follow the responsive design on the Figma
• Implement images properly
• Follow the colour guide and the appropriate colours

What docs page needs to be fixed?

Request to add the Style guide and Project structure documentation

• STYLE GUIDE:
  This section would communicate clearly the style guide followed in the project. Also providing resources for developers to learn about technologies they are not familiar with but used in the project. I suggest the documentation can be written based on this article https://andela.com/insights/structuring-your-react-application-atomic-design-principles/
• PROJECT STRUCTURE
  This section would define the file structure of the application. The routes and redux configuration. The tools used and conventions followed would be properly discussed here.

What is the problem?

The chaos of developers just adding any code as long as it can be deployed on netlify is causing redundant code and no clear site of the project structure. Having the style guide and project structure documentation would give both developers and maintainers a reference when reviewing code.

What should be changed to fix the problem?

The entire file structure and routing follow the atomic design principle. The CSS design framework to be approved should only be tailwind CSS.

I'd like to begin with the header/navigation bar

Develop the Email Verification successfull UIappropriately
Ensure they are responsive and follow the responsive design on the Figma
Implement images properly
Follow the color guide and the appropriate colors

A code of conduct is vital for the success of every community. I have listed few rules which can be applied by every contributor on behalf of the community in my PR

• Develop the reset password success page UI appropriately
• Ensure they are responsive and follow the responsive design on the Figma
• Implement images properly
• Follow the colour guide and the appropriate colours

• Develop the User Dashboard delete uploaded product pages UI appropriately
• The user dashboard upload product page contains 4 pages ( you should send a pull request for each of the pages)
• Ensure they are responsive and follow the responsive design on the Figma
• Implement images properly
• Follow the colour guide and the appropriate colours

Prior Issues

Are there any existing issues or PRs that relate to this problem? If so, link them here.
#2 #65 #3 #5 #6 #7 #8

What is the current behavior?

The pages are not linked to the correct routes

• Develop the User Dashboard pages UI appropriately
• The user dashboard home contains 5 pages ( you should send a pull request for each of the pages)
• Ensure they are responsive and follow the responsive design on the Figma
• Implement images properly
• Follow the colour guide and the appropriate colours

• Develop the home page UI appropriately
• Ensure they are responsive and follow the responsive design on the figma
• Implement images properly
• Follow the color guide and the appropriate colors

Every open source project must have a detailed step by step guideline that all contributors must adhere to.
This will help in in many ways as follows:

• enables a clean codebase
• help contributors work in sync
• helps contributors keep the end goal in mind etc.

• Develop the User Dashboard add new product pages UI appropriately
• The user dashboard upload product page contains 4 pages ( you should send a pull request for each of the pages)
• Ensure they are responsive and follow the responsive design on the Figma
• Implement images properly
• Follow the colour guide and the appropriate colours

The Mobile first approach of this screen has scroll issue as mobile users are required to scroll back up after filling the form in order to submit their progress and also based on laws of similarity the button might mislead unaware users to attempt account deletion while trying to submit out of Reflex

Develop the User Dashboard wishlist pages UI appropriately
The user dashboard upload product page contains 2 pages ( you should send a pull request for each of the pages)
Ensure they are responsive and follow the responsive design on the Figma
Implement images properly
Follow the colour guide and the appropriate colours

• Develop the forget password success page UI appropriately
• Ensure they are responsive and follow the responsive design on the Figma
• Implement images properly
• Follow the colour guide and the appropriate colours