Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/vikasutf8/todo-listing-nextjs
- Owner: vikasutf8
- Created: 2024-05-18T12:34:18.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-05-18T16:39:09.000Z (8 months ago)
- Last Synced: 2024-11-09T14:23:26.368Z (about 2 months ago)
- Language: JavaScript
- Homepage: https://todos-list-nextjs14.vercel.app
- Size: 52.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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/