Skip to content

ubednama/Project-Management-System-Frontend

Repository files navigation

Project Management System - Frontend

Overview

The Project Management System is a comprehensive solution designed to manage projects efficiently. It is built using a modern tech stack that includes Spring Boot for the backend and a combination of React, Tailwind CSS, and various UI libraries for the frontend.

Technologies Used

Frontend

  • React: A JavaScript library for building user interfaces.
  • React Router: Declarative routing for React.
  • Redux: State management library for JavaScript applications.
  • React Hook Form: Performant, flexible, and extensible forms with easy-to-use validation.
  • Axios: Promise-based HTTP client for the browser and Node.js.
  • Tailwind CSS: Utility-first CSS framework for rapidly building custom user interfaces.
  • Radix UI: A collection of low-level UI components for building high-quality web applications.
  • Zod: TypeScript-first schema declaration and validation library.

Development Tools

  • Vite: Next-generation frontend tooling.
  • Eslint: Linting utility for JavaScript and JSX.
  • PostCSS: A tool for transforming CSS with JavaScript.
  • Autoprefixer: A PostCSS plugin to parse CSS and add vendor prefixes.
  • Tailwind CSS: Utility-first CSS framework.

Features

  • User authentication and authorization
  • Project creation and management
  • Task tracking and assignment
  • Real-time updates and notifications
  • Integration with external services (e.g., payment gateways)

Deployment

Live Link

You can check Backend Status here The backend is deployed on Google Cloud Platform.

Snapshots

Screenshot 2024-07-06 103943 Screenshot 2024-07-06 103929 Screenshot 2024-07-06 104215

Getting Started

Prerequisites

  • Java 17
  • Node.js and npm
  • MySQL database

Installation

#Clone this repo
git clone https://github.com/ubednama/Project-Management-System-Frontend.git
cd project-management-system

#Run Project
npm install
npm run dev

#Build Project
npm run build

Configuration

  • Frontend Configuration: Update the .env file with your API base URL and other environment variables.

Contributing

Contributions are welcome

License

This project is licensed under the MIT License. See the LICENSE file for details.