Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/vikasutf8/todo-listing-nextjs

create todo app nextjs tech. as authenticate and storage db of firebase using and responsive design TailwindCSS
https://github.com/vikasutf8/todo-listing-nextjs

Last synced: about 15 hours ago
JSON representation

create todo app nextjs tech. as authenticate and storage db of firebase using and responsive design TailwindCSS

Awesome Lists containing this project

README

        

# Todo App

This is a simple Todo application built with Next.js, Firebase Authentication, and Firestore. Users can sign up, log in, add new todos, mark todos as complete, and delete todos.

## Features

- User authentication (Sign up, Log in)
- Add new todos
- Mark todos as complete
- Delete todos

## Technologies Used

- Next.js
- Firebase Authentication
- Firestore
- Tailwind CSS

## Getting Started

To run this project locally, follow these steps:

1. Clone the repository:

```bash
git clone https://github.com/vikasutf8/Todo-Listing-Nextjs
2. cd todo-app
3. npm install
4. npm run dev
5. Create .env.local file
```bash
Create a file named .env.local in the root directory of your project. Add your Firebase configuration variables to this file:

NEXT_PUBLIC_FIREBASE_API_KEY="YOUR_API_KEY"
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN="YOUR_AUTH_DOMAIN"
NEXT_PUBLIC_FIREBASE_PROJECT_ID="YOUR_PROJECT_ID"
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET="YOUR_STORAGE_BUCKET"
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID="YOUR_MESSAGING_SENDER_ID"
NEXT_PUBLIC_FIREBASE_APP_ID="YOUR_APP_ID"

##Deployment
This project is deployed on Vercel. You can deploy your own version by connecting your repository to Vercel and following their deployment instructions.
```bash
https://todos-list-nextjs14.vercel.app/