https://github.com/bestbynature/todo-react-app

The React-Vite Todo Manager is a web application developed using React and bundled with Vite, a fast build tool. It is a powerful and responsive web application. With its authentication system, task management features, multi-page navigation, and focus on productivity, it provides users with an effective tool for managing and organizing their todos
https://github.com/bestbynature/todo-react-app

javascript reactjs vite

Last synced: 23 days ago
JSON representation

The React-Vite Todo Manager is a web application developed using React and bundled with Vite, a fast build tool. It is a powerful and responsive web application. With its authentication system, task management features, multi-page navigation, and focus on productivity, it provides users with an effective tool for managing and organizing their todos

• Host: GitHub
• URL: https://github.com/bestbynature/todo-react-app
• Owner: Bestbynature
• License: mit
• Created: 2023-04-28T09:31:27.000Z (over 1 year ago)
• Default Branch: dev
• Last Pushed: 2023-09-26T16:48:13.000Z (about 1 year ago)
• Last Synced: 2024-10-04T17:23:51.562Z (about 1 month ago)
• Topics: javascript, reactjs, vite
• Language: JavaScript
• Homepage: https://tasks-diary.netlify.app/
• Size: 68.4 KB
• Stars: 10
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        




  

  


  




# 📗 Table of Contents

- [📗 Table of Contents](#-table-of-contents)

- [📖 \[todo-react-app\] ](#-todo-react-app-)

  - [🛠 Built With ](#-built-with-)

    - [Tech Stack ](#tech-stack-)

    - [Key Features ](#key-features-)

  - [🚀 Live Demo ](#-live-demo-)

    - [You can find the live version of this web application in this link =\>**todo-react-app**](#you-can-find-the-live-version-of-this-web-application-in-this-link-todo-react-app)

  - [💻 Getting Started ](#-getting-started-)

    - [Prerequisites](#prerequisites)

    - [Setup](#setup)

    - [Install](#install)

    - [Usage ](#usage-)

    - [Run tests ](#run-tests-)

    - [Deployment ](#deployment-)

  - [👥 Authors ](#-authors-)

  - [🔭 Future Features ](#-future-features-)

  - [🤝 Contributing ](#-contributing-)

  - [⭐️ Show your support ](#️-show-your-support-)

  - [🙏 Acknowledgments ](#-acknowledgments-)

  - [📝 License ](#-license-)

# 📖 [todo-react-app](https://tasks-diary.netlify.app/) 

**[todo-react-app](https://tasks-diary.netlify.app/)** is an application that is built with react and bundled with Vite. It essentially provides a login page, which once authenticated, gives access to the edit button. The list of todos are display on the Home page. Other pages are also accessible with routers.

## 🛠 Built With 

### Tech Stack 

  Client

  


    
HTML

    
CSS

    
JAVASCRIPT

    
React

  


### Key Features 

- **[Linter checks]**

- **[Vite]**

- **[JavaScript APIs]**

- **[CSS grid and flexbox]**

(back to top)


## 🚀 Live Demo 

### [todo-react-app](https://tasks-diary.netlify.app/)

(back to top)


## 💻 Getting Started 

To get a local copy up and running, follow these steps.

(back to top)


### Prerequisites

In order to run this project you need:



    
The current version of node

    
To have Git installed on your local machine

    
Node Package manager (npm) 

    
An editor such as Visual Studio Code

  

  

(back to top)


### Setup

Clone this repository to your desired folder:



    
Create your classic access token from github.com

    
run "git clone https://{access_token}@github.com/username/{repo_name}.git"

    
Update your git identity by running "git config --global user.email "[email protected]""

    
Update your name on git by running "git config --global user.name "your_name"

  

  

  
(back to top)


### Install

Install this project by running `npm install`

(back to top)

### Usage 


To run the project, execute the following command:

```sh

  use git bash to open in Vs code

  use `npm run dev` to run web dev server

```

(back to top)


### Run tests 

To run tests, run the following command:

```sh

Run `npx stylelint "**/*.{css,scss}" --fix` to fix linters

Run `npx eslint "**/*.{js,jsx}" --fix` to fix linters"

```

(back to top)


### Deployment 

You can deploy this project using:

- github pages

```sh

- npm run deploy

```

(back to top)


## 👥 Author 

👤 **Damilare Ismaila**

- GitHub: [@githubhandle](https://github.com/Bestbynature)

- Twitter: [@twitterhandle](https://twitter.com/Dammybest)

- LinkedIn: [LinkedIn](https://www.linkedin.com/in/damilare-ismaila-4a5a8b30/)

(back to top)


## 🔭 Future Features 

- [ ] **[contact form page for customers]**

- [ ] **[A feature for alternative list of movies]**

- [ ] **[A feature for voting the best item on the list]**

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)


## ⭐️ Show your support 

If you like this project, kindly drop a star for me.

(back to top)


## 🙏 Acknowledgments 

I would like to use this medium to appreciate [Microverse](https://microverse.org) for giving me this type of opportunity.

(back to top)


## 📝 License 

This project is [MIT](./LICENSE) licensed.

(back to top)