This is a basic homepage project built using React, Redux, Sass, and Firebase integration. It allows users to sign up, log in, and log out using Firebase authentication. Users can also add new posts, which are displayed in a feed using Firestore for data storage. The project includes animations using the React Flip Move library.
Check out my hosted application here.
- User authentication (sign up, log in, log out) using Firebase
- Adding new posts to Firestore database
- Displaying posts in a feed with animations
- Responsive design with Sass
// npx create-react-app my-app --template [template-name]
npx create-react-app <projectName> --template redux
- Clone the repository:
git clone https://github.com/Aditya0257/react-firebase-homepage.git
cd react-firebase-homepage
- Install dependencies:
npm install
-
Create a Firebase project and set up authentication and Firestore database.
-
Create a .env file in the root of the project and add your Firebase configuration:
REACT_APP_API_KEY=YOUR_API_KEY
REACT_APP_AUTH_DOMAIN=YOUR_AUTH_DOMAIN
REACT_APP_PROJECT_ID=YOUR_PROJECT_ID
REACT_APP_STORAGE_BUCKET=YOUR_STORAGE_BUCKET
REACT_APP_MESSAGING_SENDER_ID=YOUR_MESSAGING_SENDER_ID
REACT_APP_APP_ID=YOUR_APP_ID
To start the development server:
npm start
This project is licensed under the MIT License - see the LICENSE file for details.