Skip to content

A simple To-Do List application built with React and Bun. This app allows users to add, mark as complete, and remove tasks. The application uses localStorage to persist the to-do items, and it features prioritization with icons.

Notifications You must be signed in to change notification settings

zoelabbb/todo-apps-reatcxbunjs

Repository files navigation

React To-Do List with Bun

A simple To-Do List application built with React and Bun. This app allows users to add, mark as complete, and remove tasks. The application uses localStorage to persist the to-do items, and it features prioritization with icons.

Features

  • Add new tasks to the list.
  • Add tags to tasks.
  • Mark tasks as complete.
  • Remove tasks from the list.
  • Priority system to categorize tasks.
  • LocalStorage integration to persist tasks even after a page refresh.

Technologies Used

  • React: A JavaScript library for building user interfaces.
  • Bun: A modern JavaScript runtime used for development and build.
  • Bootstrap: A popular CSS framework used for styling.
  • React Icons: Used for displaying icons (e.g., add, remove, priority).

Installation

  1. Clone the repository:

    git clone https://github.com/zoelabbb/todo-apps-reatcxbunjs.git
    cd todo-apps-reatcxbunjs
  2. Install dependencies using Bun:

    bun install
  3. Run the development server:

    bun dev

    Your app should now be running on http://localhost:3000.

Building for Production

To build the app for production, run the following command:

bun build src/main.tsx --outdir dist

This will create a production build of your app in the dist folder.

Deploy to Vercel

  1. Install the Vercel CLI if you haven't already:

    npm install -g vercel
  2. Deploy your app:

    vercel --prod

Contributing

Feel free to fork this repository and submit pull requests. Contributions are welcome!

License

This project is open-source and available under the MIT License.

About

A simple To-Do List application built with React and Bun. This app allows users to add, mark as complete, and remove tasks. The application uses localStorage to persist the to-do items, and it features prioritization with icons.

Topics

Resources

Stars

Watchers

Forks