This is a comprehensive Admin Dashboard application built with Vue.js, Vuex, Vue Router, Vuetify, and Express.js. It includes features such as user authentication, profile management, employee management, attendance tracking, payroll, performance reviews, scheduling, and more.
- User Authentication (Register, Login, Logout)
- Profile Management
- Employee Management
- Attendance Tracking
- Payroll Management
- Performance Reviews
- Scheduling & Shift Planning
- Training & Development
- FAQs and IT Support Contact
- Frontend: Vue.js, Vuex, Vue Router, Vuetify
- Backend: Express.js, MongoDB, Mongoose
- Authentication: bcryptjs
- HTTP Client: Axios
- Node.js and npm installed
- MongoDB instance running
-
Clone the repository:
git clone https://github.com/yourusername/admin-dashboard.git cd admin-dashboard
-
Install dependencies:
npm install
-
Create a
.env
file in the root directory and add your MongoDB connection string:MONGODB_URI=your_mongodb_connection_string
-
Start the backend server:
npm run start
-
Start the frontend development server:
npm run serve
-
Open your browser and navigate to
http://localhost:8080
.
src/
: Contains the frontend Vue.js applicationcomponents/
: Vue componentsviews/
: Vue views (pages)store/
: Vuex storerouter/
: Vue Router configurationassets/
: Static assets
server.js
: Entry point for the Express.js backend serverroutes/
: Express.js routesmodels/
: Mongoose modelsdist/
: Built frontend assets (generated after runningnpm run build
)
Contributions are welcome! Please fork the repository and create a pull request with your changes.
This project is licensed under the MIT License. See the LICENSE file for details.