Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/strawhat19/productivf

ProductIVF is an application I wanted to make to help with simple task management. You can create lists and items, then complete those items. Then delete and remove unwanted lists and items.
https://github.com/strawhat19/productivf

next react sass typescript

Last synced: about 12 hours ago
JSON representation

ProductIVF is an application I wanted to make to help with simple task management. You can create lists and items, then complete those items. Then delete and remove unwanted lists and items.

Awesome Lists containing this project

README

        

# ProductIVF

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

![License](https://img.shields.io/github/license/strawhat19/ProductIVF)
![State](https://img.shields.io/github/deployments/strawhat19/ProductIVF/Production)
![Total Lines](https://img.shields.io/tokei/lines/github/strawhat19/ProductIVF)
![Repo Size](https://img.shields.io/github/repo-size/strawhat19/ProductIVF)
![Release](https://img.shields.io/github/release/strawhat19/ProductIVF)

![NextJS](https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white)
![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)
![SASS](https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge&logo=SASS&logoColor=white)
![Firebase](https://img.shields.io/badge/Firebase-039BE5?style=for-the-badge&logo=Firebase&logoColor=white)

![Screenshot of Application Dark Mode](./assets/ProductIVF-v200-Tasks.png)

![Screenshot of Application Light Mode](./assets/ProductIVF-v001-Light-Mode.png)

## About
I used Next js to make this site which is a playground for developers to mess with and test out code. Right now, I'm messing with Drag and Drop to make my own sort of to do list or kanban board app. I Wanted a way to quickly manage lists, to do lists, and subtasks. I used lots of productivity and project management apps, but they all seemed to be missing some feature I liked, so I'm experimenting with making my own just for fun! Once this app is done, I plan to use the board to help myself get into the world of machine learning and learn AI!

## Table of Contents
* [About](#about)
* [Installation](#installation)
* [Usage](#usage)
* [Licensing](#licensing)
* [Questions](#questions)

## Installation
```
git clone [email protected]:strawhat19/ProductIVF.git
cd ProductIVF/
npm install
npm run dev
```

## Usage

### Add a List

#### On the Home Page or the Lists Page, you can start by making simple Draggable, Droppable To Do Lists or just Lists in General of what you would like to Track!

### Add an Item

#### On the Home Page or the Lists Page, you can Add Items to the List and Update Them!

Prod [https://productivf.vercel.app/](https://productivf.vercel.app/) to see the prod build.

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/index.mdx`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

## Licensing
####
MIT License

Copyright (C) 2012-2023 by various contributors (see AUTHORS)

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

Copyright 1998 by the Massachusetts Institute of Technology.

Permission to use, copy, modify, and distribute this software and its
documentation for any purpose and without fee is hereby granted, provided that
the above copyright notice appear in all copies and that both that copyright
notice and this permission notice appear in supporting documentation, and that
the name of M.I.T. not be used in advertising or publicity pertaining to
distribution of the software without specific, written prior permission.
M.I.T. makes no representations about the suitability of this software for any
purpose. It is provided "as is" without express or implied warranty.
#### https://opensource.org/licenses/MIT

## Questions

#### GitHub Profile: [*strawhat19*](https://github.com/strawhat19)

#### Contact me or ask me questions at [[email protected]](mailto:[email protected]).

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.