Ampedent is a full-featured dental office website built with Next.js, Tailwind CSS, MongoDB, and Mongoose. It boasts an intuitive appointment booking system, and a secure admin panel.
- Appointment Booking: Users can easily book an appointment using our intuitive booking system. All bookings are stored in MongoDB for easy management.
- Admin Panel: Manage appointments and other site content through a secure admin panel.Navigate to /admin to login with your admin credentials.
- Authentication: The site uses NextAuth for authentication. The admin panel is accessible only to admins. A super admin can create other regular admin users.
- Next.js: A popular React framework for building dynamic and performant web applications.
- Tailwind CSS:A utility-first CSS framework for crafting tailored designs with rapid efficiency.
- MongoDB: A source-available cross-platform document-oriented database program.
- Mongoose: An Object Data Modeling (ODM) library that simplifies interactions with MongoDB in Node.js applications.
- NextAuth: A complete open source authentication solution for Next.js applications.
-
Clone the repository.
git clone https://github.com/atalek/ampedent.git
-
Navigate to the project directory.
cd ampedent -
Install dependencies.
npm install
-
Configure environment variables.
-
Create a
.envfile in the root of the project. -
Add the necessary environment variables for MongoDB and NextAuth.
# MongoDB MONGODB_URI=your_mongodb_uri # NextAuth NEXTAUTH_URL=http://localhost:3000 for development NEXTAUTH_SECRET=your nextauth secret NODE_ENV='development'
-
Create a superuser (modify the name and password to your liking) with the provided script.
node createuser.js
-
Run the development server.
npm run dev
-
Open your browser and visit http://localhost:3000 to view the website.
Github @atalek
Linkedin:
@Aleksandar Atanasovski
Portfolio: https://www.atalek.com/