https://github.com/sahilbambarkar/oibsip
It consists of four projects: a calculator using HTML CSS javascript , a tribute page using HTML CSS, a to-do list using react/redux, and finally a user authentication app.
https://github.com/sahilbambarkar/oibsip
css3 firebase firebase-auth firestore html5 javascript react redux
Last synced: 3 months ago
JSON representation
It consists of four projects: a calculator using HTML CSS javascript , a tribute page using HTML CSS, a to-do list using react/redux, and finally a user authentication app.
- Host: GitHub
- URL: https://github.com/sahilbambarkar/oibsip
- Owner: sahilbambarkar
- Created: 2024-10-16T15:54:03.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-17T10:42:32.000Z (over 1 year ago)
- Last Synced: 2024-10-19T10:49:45.506Z (over 1 year ago)
- Topics: css3, firebase, firebase-auth, firestore, html5, javascript, react, redux
- Language: JavaScript
- Homepage:
- Size: 1.89 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌟 Level 2 Internship Tasks at OIBSIP Infotech
## Tasks Menu ✨
📦 Click on the tasks below to navigate directly to each section:
- [Calculator App 🧮](https://github.com/sahilbambarkar/OIBSIP/tree/main/Level%202/Task%201-%20CALCULATOR)
- [Tribute Page 💐](https://github.com/sahilbambarkar/OIBSIP/tree/main/Level%202/Task%202-%20Tribute%20page)
- [TODO App with Redux and React JS 📝](https://github.com/sahilbambarkar/OIBSIP/tree/main/Level%202/Task%203-%20React-Redux-Todo-App)
- [React + Firebase Authentication App 🔐](https://github.com/sahilbambarkar/OIBSIP/tree/main/Level%202/Task%204-%20React_Firebase_Auth)
## 🧮 Calculator App
A simple calculator app built with HTML, CSS, and JavaScript.
### 🎯 Steps to Use:
1. Clone the repository:
```bash
git clone https://github.com/sahilbambarkar/OIBSIP.git
cd Task 1- CALCULATOR
```
2. Navigate to the directory.
3. Open `index.html` in your web browser.
4. Start calculating! 🎉
---
## 🌸 Tribute Page 💐
A simple tribute page dedicated to COVID warriors, developed using HTML, CSS.
### 🛠️ Technologies Used
- 🌐 HTML5
- 🎨 CSS3
### 🎯 Steps to Use:
1. Clone the repository:
```bash
git clone https://github.com/sahilbambarkar/OIBSIP.git
cd Task 2- Tribute page
```
2. Navigate to the directory.
3. Open `index.html` in your web browser.
4. Explore the webpage! 👀
## 📝 TODO App with Redux and React JS
This repository contains the code for a **Todo App** built using **React** and **Redux**. This application allows users to manage their tasks efficiently with a user-friendly interface.
### 🎯 Key Features
- ➕ **Add a Todo**: Easily add new tasks to your list.
- 🗑️ **Delete a Todo**: Remove tasks that are no longer needed.
- ✏️ **Edit a Todo**: Modify existing tasks to keep them up-to-date.
- ✅ **Mark as Completed**: Indicate when a task is finished.
- 📋 **Filter Todos**: View tasks based on their status:
- ✅ **Completed**
- ⏳ **Pending**
- 📜 **All Tasks**
### 📦 Getting Started
1. Clone the repository:
```bash
git clone https://github.com/sahilbambarkar/OIBSIP.git
cd Task 3- React-Redux-Todo-App
```
2. Install dependencies:
```bash
npm install
```
3. Run the application:
```bash
npm start
```
4. View it at [http://localhost:3000](http://localhost:3000).
---
## 🔐 React + Firebase Authentication App
A simple authentication app using **React** and **Firebase** to demonstrate user sign-up, login, logout, and Google Sign-In functionality.
### 🎯 Features
- 📧 **Email/Password Sign-Up & Login**
- 🔑 **Google Sign-In** with Firebase Authentication
- 🔒 **Protected Routes** using Context API
### 🛠️ Tech Stack
- 🌐 React (Frontend)
- 🔥 Firebase (Backend - Authentication)
- 🌐 React Router (Routing)
- 📦 Context API (State Management)
### 📦 Getting Started
1. Clone the repository:
```bash
git clone https://github.com/sahilbambarkar/OIBSIP.git
cd Task 4- React_Firebase_Auth
```
2. Install dependencies:
```bash
npm install
```
3. Set up Firebase project and configure authentication.
4. Create a `.env` file with your Firebase credentials.
5. Start the development server:
```bash
npm start
```
6. View it at [http://localhost:3000](http://localhost:3000).
---
## Conclusion
These tasks have provided invaluable experience in web development and have enhanced my skills in various technologies.
## Keep Coding! 💪✨