🚀 Space Missions Todo List

👉 Live Demo 👈

🚀 About The Project

Space Missions Todo List is a modern task management application developed with React, TypeScript, and Redux. The application features a space-themed interface inspired by Interstellar, allowing users to manage their missions through an intuitive and responsive interface.

✨ Key Features

• 🌌 Space-themed interface with Interstellar background

• 📝 Create, edit, and delete missions

• 🔄 Real-time mission status updates

• 💾 State management with Redux

• 📱 Fully responsive design

• 🎯 Mission validation checks

• 🎨 Clean and intuitive user interface

🛠️ Built With

• React

• TypeScript

• Redux Toolkit

• React Icons

💻 Getting Started

# Clone the repository
git clone https://github.com/Caner-Yesiltas/TodoList-TypeScript-Redux.git

# Navigate to project directory
cd TodoList-TypeScript-Redux

# Install dependencies
yarn install

# Start the development server
yarn start

📁 Project Structure

src/
├── components/          # UI components
│   ├── Todo.tsx        # Individual todo component
│   ├── TodoCreate.tsx  # Todo creation component
│   └── TodoList.tsx    # Todo list container
├── redux/              # Redux state management
│   ├── store.tsx       # Redux store configuration
│   └── todoSlice.tsx   # Todo reducers and actions
├── styles/             # CSS styling
│   └── App.css         # Global styles
├── types/              # TypeScript definitions
│   └── Types.tsx       # Type definitions
└── App.tsx             # Main application component

🔍 Core Features

Mission Management

• Create new space missions

• Edit existing mission details

• Remove completed missions

• Input validation for empty missions

State Management

• Centralized Redux store

• Type-safe actions and reducers

• Efficient state updates

Styling & Theme

• Space-themed background

• Responsive design for all devices

• Clean and modern UI components

• Interactive hover effects

📱 Responsive Design

• Mobile-first approach

• Flexible layout system

• Adaptive component sizing

• 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://todo-list-type-script-redux-eta.vercel.app/

Made with 🚀 by Caner Yesiltas