https://github.com/mdsajalali/kids-birthday-planner
Kids Birthday Planner website is a birthday event management website
https://github.com/mdsajalali/kids-birthday-planner
context-api firebase-auth html5 react-awesome-reveal react-carousel react-icons react-router-dom react-slick react-toastify reactjs tailwindcss
Last synced: about 2 months ago
JSON representation
Kids Birthday Planner website is a birthday event management website
- Host: GitHub
- URL: https://github.com/mdsajalali/kids-birthday-planner
- Owner: mdsajalali
- Created: 2023-12-11T12:23:16.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-01-26T15:29:15.000Z (over 1 year ago)
- Last Synced: 2025-02-02T13:36:15.035Z (4 months ago)
- Topics: context-api, firebase-auth, html5, react-awesome-reveal, react-carousel, react-icons, react-router-dom, react-slick, react-toastify, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://kids-birthday-planner.vercel.app/
- Size: 19.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Kids Birthday Planner Website
> Responsive Kids Birthday Planner Website
#### Kids Birthday Planner Website : [Kids-Birthday-Planner](https://kids-birthday-planner.vercel.app/)
## Used Technology
- [x] HTML
- [x] TAILWINDCSS
- [x] REACT.JS
- [x] CONTEXT API
- [x] FIREBASE
- [x] REACT ROUTER DOM
- [x] REACT-ICON
- [x] REACT-TOASTIFY
- [x] REACT-AWESOME-REVEAL
- [x] REACT-SLICK
- [x] REACT-CAROUSEL
### 💻 Getting Started
1. Clone the repository:
```bash
git clone https://github.com/mdsajalali/kids-birthday-planner.git
```
2. Install dependencies:
```
cd kids-birthday-planner
npm install
```
3. Create a .env.local file in the root and paste the following code:
```
VITE_APIKEY=AIzaSyCp1CZZ86AD1YXBfQNFkePdCoNklT717-s
VITE_AUTHDOMAIN=kids-birthday-planner.firebaseapp.com
VITE_PROJECTID=kids-birthday-planner
VITE_STORAGEBUCKET=kids-birthday-planner.appspot.com
VITE_MESSAGEINGSENDERID=234079217088
VITE_APPID=1:234079217088:web:80ecd0cebd4279a7a55425
```
4. Run the development server:
```
npm run dev
```