https://github.com/lil-bee/todo-app

todo app with React + TS + Chakra UI | Solution for a challenge from Devchallenges.io.
https://github.com/lil-bee/todo-app

chakra-ui react typescript

Last synced: 14 days ago
JSON representation

todo app with React + TS + Chakra UI | Solution for a challenge from Devchallenges.io.

• Host: GitHub
• URL: https://github.com/lil-bee/todo-app
• Owner: lil-bee
• Created: 2023-12-06T09:00:53.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-11T16:16:18.000Z (about 1 year ago)
• Last Synced: 2023-12-12T16:57:07.438Z (about 1 year ago)
• Topics: chakra-ui, react, typescript
• Language: TypeScript
• Homepage: https://todo-lilbee.netlify.app/
• Size: 98.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


Todo App




   Solution for a challenge from  Devchallenges.io.





  


    

      Demo

    

     | 

    

      Solution

    

     | 

    

      Challenge

    

  



## Table of Contents

- [Overview](#overview)

  - [Built With](#built-with)

- [Features](#features)

- [How to use](#how-to-use)

- [Acknowledgements](#acknowledgements)

## Overview

![233shots_so](https://github.com/lil-bee/todo-app/assets/61036950/578091ec-d6a3-49bf-9cdf-c34326170149)

Introduce your projects by taking a screenshot or a gif. Try to tell visitors a story about your project by answering:

- What was your experience?

  - chakra ui have tabs component that really helpfull

  - spend more times on how to deal with useeffect

- What have you learned/improved?

  - How to deal with local storage

- Your wisdom? :)

  - write something new you've learned

### Built With

- [React](https://react.dev/)

- [Chakra UI](https://chakra-ui.com/)

## Features

This application/site was created as a submission to a [DevChallenges](https://legacy.devchallenges.io/) challenge. The [challenge](https://legacy.devchallenges.io/challenges/hH6PbOHBdPm6otzw2De5) was to build an application to complete the given user stories.

## How To Use

To clone and run this application, you'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer. From your command line:

```bash

# Clone this repository

$ git clone https://github.com/your-user-name/your-project-name

# Install dependencies

$ npm install

# Run the app

$ npm run dev

```

## Acknowledgements

- [Tabs Component in Chakra UI](https://chakra-ui.com/docs/components/tabs/usage)