Giter VIP home page Giter VIP logo

arjuncooliitr / leave-management-solution Goto Github PK

View Code? Open in Web Editor NEW

This project forked from anuj6264/leave-management-solution

0.0 0.0 0.0 172 KB

A leave management solution that allows an employee to request for leaves and a manager to accept or reject the leaves using Python Flask Application on Backend and Vue JS on Frontend. For the purpose of storing data, PostgreSQL database is used.

JavaScript 5.75% Python 44.59% HTML 0.95% Mako 1.40% Vue 47.23% Procfile 0.08%

leave-management-solution's Introduction

Leave-Management-Solution

A leave management solution is an application that allows an employee to request for leaves and a manager to accept or reject the leaves using Python Flask Application on Backend and Vue JS on Frontend. For the purpose of storing data, PostgreSQL database is used.

Getting Started

To get started with Leave-Management-Solution, follow the instructions below:-

Prerequisites

Make sure you have the following prerequisites installed on your machine:

  • Python (version 3.11.4)
  • node (version 18.16.0)
  • npm (version 9.5.1)
  • PostgreSQL (version 15.3)
  • pgAdmin 4 (version 7.3)

Clone the Repository

Clone the Leave-Management-Solution repository to your local machine using the following command:

git clone https://github.com/Anuj6264/Leave-Management-Solution.git 

Install Dependencies

Navigate to the cloned repository directory and install the project dependencies by running the following commands:

Backend

cd backend
pip3 install -r requirements.txt

For connecting to database, create a profile on pgAdmin 4 , creating username and password while installing it. Create a new Database in the dashboard. Now use these credentials in the backendApp.py file.

app.config['SQLALCHEMY_DATABASE_URI'] = 'postgresql://<your-username>:<your-password>@localhost:5432/<your-database-name>'

Save the file and run the backendApp.py file. This will connect the backend server with the PostgreSQL database and will create tables in this database.

Frontend

cd frontend
cd frontend
npm init
npm install

Running the App

Execute the following commands to run the application:

Backend

python backendApp.py

Frontend

npm run serve

This will start backend and frontend applications at different ports. The frontend port will be possibly http://localhost:8080/ or http://localhost:8081/ and backend port should be http://127.0.0.1:5000.

Your app should be running by now, please check the port http://localhost:8080/ to see the application running!

Demo

To see the demo of the application running, headout to this link where the different features of the application are shown.

leave-management-solution's People

Contributors

anuj6264 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.