tcet-opensource/practice-next

A repository to help contributors learn and practice Next.

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

practice-next's Issues

[PAGE] - Create Favourite Screen

Describe the improvement

Refer the figma file and create below sections
10 - Favorites

Note:

• The pages should be responsive.
• If there are multiple pages inside a screen, then please create all of them.

Screenshots:

Terms and Conditions

• I agree to follow this project's Code of Conduct

[PAGE] - Create Profile Screen

Describe the improvement

Refer the figma file and create below sections
23 - Profile, Your Profile, Settings, Payment Methods

Note:

• The pages should be responsive.
• You have to create the first 4 pages of the screen..

Screenshots:

Terms and Conditions

• I agree to follow this project's Code of Conduct

[PAGE] - Create Call Screen

Describe the improvement

Refer the figma file and create below sections
21 - Voice Call, Video Call

Note:

• The pages should be responsive.
• If there are multiple pages inside a screen, then please create all of them.

Screenshots:

Terms and Conditions

• I agree to follow this project's Code of Conduct

[PAGE] - Create Appointment Page

Describe the improvement

Refer the figma file and create below sections
09 - Book Appointment, Select Package, Patient Details

Note:

• The pages should be responsive.
• You have to create the first 4 pages of the screen.

Screenshots:

Terms and Conditions

• I agree to follow this project's Code of Conduct

[PAGE] - Create Review Search Screen

Describe the improvement

Refer the figma file and create below sections
14 - Add Review (Doctor & Hospital)
15 - Search - Home ( Doctor & Hospital )

Note:

• The pages should be responsive.
• If there are multiple pages inside a screen, then please create all of them.

Screenshots:

Terms and Conditions

• I agree to follow this project's Code of Conduct

[PAGE] - Create Onboarding Screen

Describe the improvement

Refer the figma file and create below sections
03 - Onboarding

Note:

• The pages should be responsive.
• If there are multiple pages inside a screen, then please create all of them.

Screenshots:

Terms and Conditions

• I agree to follow this project's Code of Conduct

[PAGE] - Create Home, Location & Explore Section

Describe the improvement

Refer the figma file and create below sections
05 - Location
06 - Home
07 - Explore

Note:

• The pages should be responsive.
• If there are multiple pages inside a screen, then please create all of them.

Screenshots:

Terms and Conditions

• I agree to follow this project's Code of Conduct

[PAGE] - Create Filter & Booking Screen

Describe the improvement

Refer the figma file and create below sections
16 - Filter
17 - My Bookings - (Upcoming, Completed, Canceled)

Note:

• The pages should be responsive.
• If there are multiple pages inside a screen, then please create all of them.

Screenshots:

Terms and Conditions

• I agree to follow this project's Code of Conduct

[PAGE] - Create Category & Notification Screen

Describe the improvement

Refer the figma file and create below sections
22 - Consultation Ended
22 - Category
23 - Notification

Note:

• The pages should be responsive.
• If there are multiple pages inside a screen, then please create all of them.

Screenshots:

Terms and Conditions

• I agree to follow this project's Code of Conduct

[PAGE] - Create Complete Profile Screen

Describe the improvement

Refer the figma file and create below sections
04 - Sign In, Create Account, Verify Code, New Password, Complete Your Profile

Note:

• The pages should be responsive.
• If there are multiple pages inside a screen, then please create all of them.

Screenshots:

Terms and Conditions

• I agree to follow this project's Code of Conduct

[PAGE] - Create Chat & My Appointment Screen

Describe the improvement

Refer the figma file and create below sections
18 - Cancel Appointment
19 - My Appointment
20 - Chat

Note:

• The pages should be responsive.
• If there are multiple pages inside a screen, then please create all of them.

Screenshots:

Terms and Conditions

• I agree to follow this project's Code of Conduct

[PAGE] - Create Payment Method Page

Describe the improvement

Refer the figma file and create below sections
09 - Payment Methods, Add Card, Review Summary, Payment Success

Note:

• The pages should be responsive.
• You have to create the last 4 pages of the screen.

Screenshots:

Terms and Conditions

• I agree to follow this project's Code of Conduct

[PAGE] - Create Splash, Welcome & Doctor Details Screen

Describe the improvement

Refer the figma file and create below sections
01 - splash
02 - welcome
08 - Doctor Details

Note: T

• The pages should be responsive.
• If there are multiple pages inside a screen, then please create all of them.

Screenshots:

Terms and Conditions

• I agree to follow this project's Code of Conduct

[NEW] - Create Splash, Welcome and Onboarding Screens

Describe the bug

Refer the figma file and create below sections
01 - splash
02 - welcome
03 - onboarding

Actual behavior

No response

Expected behavior

No response

How to Reproduce?

Just Create a Mobile design no need to create for Desktop

Screenshots

No response

Terms and Conditions

• I agree to follow this project's Code of Conduct

[PAGE] - Create Hospital Detail Screen

Describe the improvement

Refer the figma file and create below sections
13 - Hospital Detail Screen - Treatment, Specialist, Gallery,Review, About

Note:

• The pages should be responsive.
• If there are multiple pages inside a screen, then please create all of them.

Screenshots:

Terms and Conditions

• I agree to follow this project's Code of Conduct

[PAGE] - Create Privacy, Terms & Condition Page

Describe the improvement

Refer the figma file and create below sections
23 - Password Manager, Help Center, Privacy Policy, Logout

Note:

• The pages should be responsive.
• You have to create the last 5 pages of the screen.

Screenshots:

Terms and Conditions

• I agree to follow this project's Code of Conduct

[PAGE] - Create Get Direction & Nearby Hospital Screen

Describe the improvement

Refer the figma file and create below sections
11 - Get Direction
12 - Top Specialist, Nearby Hospitals (From Home)

Note:

• The pages should be responsive.
• If there are multiple pages inside a screen, then please create all of them.

Screenshots:

Terms and Conditions

• I agree to follow this project's Code of Conduct