iammadanlal / os_salon_web Goto Github PK

I want this project to be the best open source project for react project as well as salon user web server.

• Please come with new feature
• Create Issue
• Fork the repo
• Create new branch
• Work on them
• Make PR request
• make sure your code should work.

I will add only bug issues in this repo as I have to review as well.

I would like to enhance the website by making the navbar responsive, so it works on all devices.

Additionally, we need to add an image carousel to make our content more engaging. These changes will improve the user experience and ensure our site looks great on various devices.

Please appreciate my time of reviewing your PRs. So please follow me. If your work impressed me, We might work together in future.

https://github.com/iammadanlal

@iammadanlal I want to take up this issue. Please assign it to me and add hacktoberfest label

Let's create the full stack salon site and this issue is for its front-end,we will work on every component one by one.Plzz assign me @iammadanlal this issue.Also add label for hacktoberfest.

React setup
@iammadanlal
Assign me and add label too (hacktoberfest)

assign me for designing ui and other pages in html and css. i am not that much advance in this but you can check some of my ui
https://mghacker.netlify.app [Landscape mode]

PR must include logo for the website:-

• It should be based on salon keyword.
• You can add also about open source.
• Your PR will not be merged if you just with any logo available from third party platform.
• Upload screenshot here in comment of work on logo, have you done from any platform figma or adobe whatever.
• Create folder Logos and inside that add logo with name `GITHUB_USERNAME.extenstion" for example: madan.png.

Login page

@iammadanlal
kindly assign me
Also, add Hacktoberfest label

We should plan a better folder structure for code Readability! As we know the more logic gets added the more difficult it can become to understand.

Therefore we should have a better folder structure!

• public

  • It contains static files such as index.html, javascript library files, images, and other asset.

• src/components

  • It contains the reusable atomic & molecular components.
  • Each component folder will contain the component, test & documentation file

• src/helpers

  • It contains the reusable helper functions

• src/pages

  • It contain the page component.
  • Each component can layout component as top wrapper based on the page structure
  • Each component exported as default, since lazy loading works with default exports.

• src/hooks

  • The hooks folder contains every single custom hook in your entire project.

OTP page
Users can type their OTP and can move further