An open API service indexing awesome lists of open source software.

https://github.com/fredvuni/trello-clone

This is a Trello clone application built with TypeScript, React, Styled Components, and Context API.
https://github.com/fredvuni/trello-clone

react-icons reactjs responsive-layout styled-components typescript usereducer

Last synced: 2 months ago
JSON representation

This is a Trello clone application built with TypeScript, React, Styled Components, and Context API.

Awesome Lists containing this project

README

          

# Trello Clone

This is a Trello clone application built with TypeScript, React, Styled Components, and Context API. It provides a dark/light theme toggle functionality using local storage to persist the user's theme preference. React Icons library is used for adding icons to the UI. The application is developed using Vite, a fast development build tool for React.

## Features

- Drag and drop cards between lists.
- Dark and light theme toggle.
- Responsive design.

## Technologies Used

- TypeScript
- React
- Styled Components
- React Icons
- Context API
- Vite

## Installation

1. Clone the repository:

```
git clone
```

2. Navigate to the project directory:

```
cd trello-clone
```

3. Install the dependencies:

```
yarn install
```

4. Start the application:

```
yarn dev
```

The application should now be running on [http://localhost:3000](http://localhost:3000).

## Usage

- Drag and drop cards between lists to reorder them or move them to different lists.
- Toggle between dark and light theme using the theme toggle button.

## Screenshot

![image](https://github.com/FREDVUNI/trello-clone/assets/41730664/68b48500-56a9-42ee-bfe4-45613d77c36b)

## Contributing

Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue or submit a pull request.

## License

This project is licensed under the [MIT License](LICENSE).