Giter Site home page Giter Site logo

ngaremaina / user-central Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.98 MB

This system allows efficient management of users and task assignments within our organization. The backend is built with Flask, a Python web framework, providing robust and scalable API endpoints. On the frontend, we utilize React with TypeScript for a modern and type-safe user interface.

Home Page: https://user-management-system-3sxg.onrender.com/

License: Apache License 2.0

Python 18.54% Mako 0.46% HTML 2.20% CSS 0.44% TypeScript 77.70% JavaScript 0.14% Dockerfile 0.53%
flask management-system python python3 react typescript users web

user-central's Introduction

Company Task Management System

Welcome to the Company Task Management System! This system allows efficient management of users and task assignments within our organization. The backend is built with Flask, a Python web framework, providing robust and scalable API endpoints. On the frontend, we utilize React with TypeScript for a modern and type-safe user interface.

Features

  • User Management: Manage users including creation, update, deletion, and retrieval of user details.
  • Task Assignment: Assign tasks to users with due dates, descriptions, and statuses (e.g., in progress, completed).
  • Department Management: Organize users into departments for streamlined collaboration.
  • Dashboard: Provides insights into task completion rates, departmental performance, and pending tasks.

Technologies Used

  • Backend: Flask, SQLAlchemy (ORM for database operations), Flask-RESTful (API development)
  • Frontend: React, TypeScript, Axios (HTTP client for making API requests)
  • Database: SQLite (for development), PostgreSQL (recommended for production)

Installation

Prerequisites

  • Python 3.7+
  • Node.js 12+
  • npm or yarn

Backend Setup

  1. Clone the repository:

    git clone https://github.com/Ngaremaina/Company-System
    cd backend
  2. Create a virtual environment and activate it:

    python -m venv env
    source env/bin/activate  # On Windows use `env\Scripts\activate`
  3. Install dependencies:

    pip install -r requirements.txt
  4. Run the Flask application:

    python main.py

Frontend Setup

  1. Navigate to the frontend directory:

    cd my-app
  2. Install dependencies:

    npm install  # or yarn install
  3. Start the React development server:

    npm start  # or yarn start
  4. Access the application in your browser at http://localhost:3000.

Running with Docker

  1. Ensure Docker and Docker Compose are installed on your system.

  2. Navigate to the project root directory.

  3. Build and run the Docker containers:

    docker-compose up --build

The Flask API backend will be accessible at http://localhost:5000 and the React frontend at http://localhost:3000.

API Endpoints

  • GET /users: Fetch all users.
  • POST /users: Create a new user.
  • GET /users/:id: Fetch user details by ID.
  • PATCH /users/:id: Update user details.
  • DELETE /users/:id: Delete user by ID.
  • GET /tasks: Fetch all tasks.
  • POST /tasks: Create a new task.
  • GET /tasks/:id: Fetch task details by ID.
  • PATCH /tasks/:id: Update task details.
  • DELETE /tasks/:id: Delete task by ID.
  • GET /departments: Fetch all departments.
  • POST /departments: Create a new department.
  • GET /departments/:id: Fetch department details by ID.
  • PATCH /departments/:id: Update department details.
  • DELETE /departments/:id: Delete department by ID.

License

This project is licensed under the Apache License - see the LICENSE file for details.

user-central's People

Contributors

ngaremaina avatar

Watchers

 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.