View Demo »

Table of Contents

1. About The Project
   • Tech Stack
   • Features
2. Contributing
3. Roadmap
4. Contact

📢 About The Project

DriveSafe is a modern and responsive web application designed for a fictional car insurance company. It provides users with a seamless experience for requesting insurance services, managing their profiles, and tracking the status of their applications. The platform also includes an admin panel for efficient service management, request approvals, and real-time notifications.

Built with a focus on scalability, security, and user experience, DriveSafe leverages cutting-edge technologies to ensure smooth performance, data integrity, and responsiveness across all devices.

⚙️ Tech Stack

• Next.js
• Appwrite
• Typescript
• TailwindCSS
• ShadCN
• Mailsender
• Sentry

🔋 Features

👉 Authentication: Users can sign in or create your profile with email OTP confirmation.

👉 Request services: Users can request services with the Car insurance.

👉 Manage requests on Admin Side: Administrators can efficiently view and handle all requested services.

👉 Approve/Deny Requests from Admin Side: Admins can Approve or Deny user's requested services.

👉 Send Email on request Confirmation: Users receive Email notifications when the request status change.

👉 Complete Responsiveness: The application works seamlessly on all device types and screen sizes.

👉 File Upload Using Appwrite Storage: Users can upload and store files securely within the app using Appwrite storage services.

👉 Manage and Track Application Performance Using Sentry: The application uses Sentry to monitor and track its performance and detect any errors.

and many more, including code architecture and reusability

🤸 Contributing

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/adrianhajdin/healthcare.git
cd healthcare

Installation

Install the project dependencies using npm:

npm install

Set Up Environment Variables

Create a new file named .env.local in the root of your project and add the following content:

#APPWRITE
PROJECT_ID=
API_KEY=
DATABASE_ID=
SERVICES_COLLECTION_ID=
USERS_COLLECTION_ID=
NEXT_PUBLIC_BUCKET_ID=
NEXT_PUBLIC_ENDPOINT=

#MAILERSEND
EMAIL_API_KEY=

SENTRY_AUTH_TOKEN=
SESSION_SECRET=

Replace the placeholder values with your actual Appwrite and Mailersend credentials. You can obtain these credentials by signing up on the Appwrite website and Mailersend Website.

Running the Project

npm run dev

Open http://localhost:3000 in your browser to view the project.

Roadmap

• Create the plan and benefits.

Contact

Matheus Emanoel - Linkedin - Twitter
Email: buss.matheusemanoel@gmail.com
Project Link: Demo - Github

(back to top)