Skip to content

VianneyR4/Task-manager-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Task Manager Application

Task Manager Logo

A modern, full-stack task management application built with React and Node.js

TypeScript React Node.js Express

FeaturesGetting StartedDocumentationContributing

📋 Overview

Task Manager is a modern web application that helps users organize and track their tasks efficiently. Built with TypeScript, it provides a robust frontend using React and a scalable backend using Node.js.

✨ Features

  • 🔐 User Authentication

    • Secure registration and login
    • JWT-based authentication
    • Protected routes
  • 📝 Task Management

    • Create, read, update, and delete tasks
    • Task categorization
    • Priority levels
    • Due dates
  • 🎨 User Interface

    • Modern, responsive design
    • Intuitive user experience
    • Dark/Light mode support
    • Mobile-friendly layout

🚀 Getting Started

Prerequisites

  • Node.js (v18 or higher)
  • npm or yarn
  • PostgreSQL database

Installation

  1. Clone the repository

    git clone https://github.com/yourusername/task-manager.git cd task-manager
  2. Set up the Backend

    cd Backend npm install # Configure environment variables cp .env.example .env # Edit .env with your database credentials and JWT secret
  3. Set up the Frontend

    cd Frontend npm install # Configure environment variables cp .env.example .env # Edit .env with your API URL

Configuration

Backend Environment Variables (.env)

PORT=5000 JWT_SECRET=your_jwt_secret_key DATABASE_URL=postgresql://user:password@localhost:5432/taskmanager NODE_ENV=development

Frontend Environment Variables (.env)

REACT_APP_API_URL=http://localhost:5000 REACT_APP_API_VERSION=v1

Running the Application

  1. Start the Backend Server

    cd Backend npm run dev

    The server will run on http://localhost:5000

  2. Start the Frontend Development Server

    cd Frontend npm start

    The application will open in your browser at http://localhost:3000

🛠 Technology Stack

Frontend

  • Core: React 18, TypeScript
  • State Management: React Context API
  • Styling: Tailwind CSS
  • Routing: React Router v6
  • HTTP Client: Axios

Backend

  • Runtime: Node.js
  • Framework: Express.js
  • Database: PostgreSQL
  • ORM: Prisma
  • Authentication: JWT
  • API Documentation: Swagger/OpenAPI

📖 Documentation

🤝 Contributing

We welcome contributions! Please follow these steps:

  1. Fork the repository
  2. Create a feature branch
    git checkout -b feature/amazing-feature
  3. Commit your changes
    git commit -m 'Add amazing feature'
  4. Push to the branch
    git push origin feature/amazing-feature
  5. Open a Pull Request

📝 License

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

👥 Authors

🙏 Acknowledgments

  • React Team for the amazing frontend library
  • Node.js community for the robust backend runtime
  • MPC Company for helping me grow and upskill my skills.

Made with ❤️ by Vianney RWICHA

About

Task-manager-App

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors