Skip to content

Commit a8a0263

Browse files
TRAPWLS-19 Readme content modified
1 parent 2e29270 commit a8a0263

File tree

1 file changed

+22
-13
lines changed

1 file changed

+22
-13
lines changed

README.md

Lines changed: 22 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,26 @@
11
# Javascript CRUD with SampleTasks
22

3-
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
4-
5-
### Features
6-
- **User authentication with Google Sign-In**: Users can sign in using their Google accounts for secure access.
7-
8-
9-
### Prerequisites
10-
You need to install:
3+
A React application to demonstrate the comprehensive CRUD app built using ReactJS and Firebase. It demonstrates how to implement user authentication with both Google Sign-In and username/password login methods, along with other key features such as API handling, local storage CRUD operations, and managing application state using Redux. The app also leverages modern React hooks, lifecycle methods, and routing for smooth navigation between pages.
4+
5+
## Features
6+
- **User authentication with Google Sign-In**: Users can sign in using their Google accounts using Firebase for secure authentication.
7+
- **Username/Password Authentication**: Custom username and password login using Firebse for added flexibility.
8+
- **CRUD Operations**: Ability to perform create, read, update, and delete operations with data stored in local storage.
9+
- **API Handling with Axios**: Handled API requests using Axios for fetching data from remote servers.
10+
- **Data Management with Redux**: Efficiently manage app state using Redux store to handle data across components.
11+
- **React Hooks and Lifecycle Methods**: Utilization of React hooks like useState, useEffect, useRef and lifecycle methods for optimal component behavior.
12+
- **Dynamic Routing**: Implemented navigation between pages with React Router for a dynamic user experience.
13+
- **Loader Implementation**: Display a loader during asynchronous operations to improve user experience.
14+
- **Responsive UI**: Fully responsive UI with styling using CSS and modern design principles.
15+
- **Header and Footer**: The header includes navigation tabs, and the footer provides links to "About Us" and "Contact Us" pages.
16+
17+
18+
## Prerequisites
19+
You need to install required version:
1120
- Node.js 16 LTS [Download Node.js](https://nodejs.org/)
1221
- Npm 8 >= or yarn
1322

14-
### Steps to Installation
23+
## Steps to Installation
1524
**Step 1:** Clone the repo
1625
```bash
1726
- https://github.com/MohamedRizwan399/CRUDJavaScriptSampleProject.git
@@ -39,10 +48,10 @@ You may also see any lint errors in the console.
3948
Launches the test runner in the interactive watch mode.\
4049
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
4150

42-
## To run build in Production
43-
44-
### `npm run build`
45-
51+
**Step 5:** To run build in Production, if needed
52+
```bash
53+
- npm run build
54+
```
4655
Builds the app for production to the `build` folder.\
4756
It correctly bundles React in production mode and optimizes the build for the best performance.
4857

0 commit comments

Comments
 (0)