SmileWorksApp is a full-stack dental practice management system built by a team of six entry-level developers and two experienced software engineers. This UI was developed using Next.js (React) to provide an intuitive, modern, and responsive experience for dental staff, including dentists, hygienists, and front desk administrators.
The platform supports critical features like patient scheduling, treatment tracking, billing, inventory, insurance verification, and administrative user management — all tailored for real-world clinical workflows.
-
Dashboard Overview
- Today's appointments (with status: upcoming, cancelled, missed)
- Weekly appointment trends visualized as a bar chart
- Quick-access links (Create Patient, Cost Estimation, Start Treatment)
-
Patient Management
- Search patients by name, ID, or DOB
- View basic patient details and treatment history
- Edit patient info and start new treatments
-
Treatment Workflow
- Cost estimation based on selected procedure (e.g., braces, fillings, cleaning)
- Start treatment and record status updates
- View and manage billing history
-
Inventory System
- Track product name, stock levels, threshold, brand, and category
- Add new products and place orders
- Real-time updates on supply usage
-
Scheduling
- Create and view appointments (day view & week view)
- Visual indicators for appointment status (done, cancelled, ongoing)
- Filter by doctor, patient, and time
-
Insurance & Billing
- View insurance info per patient
- Generate billing records tied to treatment events
-
User & Admin Panel
- View staff list: hygienists, dentists, front desk staff
- Frontend Framework: Next.js (React)
- UI Language: JavaScript (TypeScript optional)
- Component Libraries: Tailwind CSS / custom styling (if used)
- Data Handling: API calls to backend via Axios or Fetch
- Dev Tools: VS Code, GitHub, Postman
-
Clone the Repository
git clone https://github.com/Shittu24/smile_works_app_ui.git cd smile_works_app_ui -
Install Dependencies
npm install
-
Start the Development Server
npm run dev
-
Visit in Browser Open http://localhost:3000 to view the app.
- Built the treatment schedule information UI components
- Connected frontend components with backend APIs
- Participated in team standups, sprint planning, and UI reviews with peers and mentors
This frontend app was developed as part of a team project focused on real-world clinic management workflows. Login credentials are provisioned manually—self-registration is disabled for security and organizational access control.
This project is a simulation of a production-level platform built for learning, mentorship, and career readiness.