☔ Umbrella Corporation Project Management

👉 Live Demo 👈

🚀 About The Project

Umbrella Corporation Project Management is a stylish task tracking application developed with React and TypeScript. The application features a Resident Evil theme, complete with custom styling and themed notifications. Users can manage projects through an intuitive interface that separates tasks into "Testing Phase" and "Project Success" categories.

✨ Key Features

• 🧪 Testing Phase and Project Success task categories
• 🦠 Resident Evil themed interface and notifications
• 🔄 Real-time task status updates
• 🎯 Task completion tracking
• 🗑️ Task deletion with themed notifications
• 📱 Fully responsive Material-UI design
• 💉 Custom scrollbar styling for different task states

🛠️ Built With

• React
• TypeScript
• Material-UI
• Axios
• SweetAlert2
• MockAPI

💻 Getting Started

# Clone the repository
git clone https://github.com/caneryesiltas/umbrella-corporation-projects.git

# Navigate to project directory
cd umbrella-corporation-projects

# Install dependencies
yarn install

# Start the development server
yarn start

📁 Project Structure

src/
├── components/         # UI components
│   ├── AddTodo/       # Task addition component
│   ├── Header/        # Application header
│   ├── TodoItem/      # Individual task item
│   └── TodoList/      # Task list container
├── helper/            # Utility functions
│   └── sweetalert.ts  # Custom notifications
├── pages/             # Page components
│   └── Main.tsx       # Main application page
├── styles/            # CSS styling
│   └── App.css        # Global styles
└── types.d.ts         # TypeScript definitions

🔍 Core Features

Task Management

• Add new tasks to Testing Phase
• Track task completion status
• Delete completed tasks
• Custom notifications for task actions

Styling & Theme

• Resident Evil inspired background
• Custom scrollbar styling
• Responsive Material-UI components
• Dynamic task status indicators

API Integration

• RESTful API operations with MockAPI
• Asynchronous task management
• Real-time data synchronization

📱 Responsive Design

• Mobile-first approach
• Flexible grid system
• Adaptive component layouts
• Cross-device compatibility

📝 License

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

📫 Contact

Caner Yesiltas - caneryesiltas1@gmail.com

Project Link: https://umbrella-corporation-projects-2dbd.vercel.app/

Made with ☔ by Caner Yesiltas