freeCodeCamp·3y8 React Projects to Build in 2023
8 React Projects to Build in 2023 will show you what's possible to make with React. Check out the React Bootcamp to see how to make each of them step-by-step. Todo apps are a great project to begin with because you don't need any third-party libraries to build them.
DEV·3yBuild a Whatsapp Clone (Realtime Chat) using Next.js, Socket.io, Tailwind CSS, Node.js, Express and Prisma
This comprehensive WhatsApp clone comes packed with a range of awesome features to give you an authentic messaging experience. The Whatsapp Clone uses Next.js, Socket.io, Tailwind CSS, Node.js and Express and Prisma - DEV Community Features of the WhatsApp Clone.
freeCodeCamp·3yHow to Add Real-time Post Notifications to Your React Applications
How to add Real-time Post Notifications to your React app, that updates the user when someone likes or comments on your thread? You must know React and Firebase in order to proceed with the things explained below. If you want to build a social media application, simply refer to the videos below.
freeCodeCamp·2yCode and Deploy an Instagram Clone with React and Firebase
Learn how to create an Instagram clone using React and Firebase. The course covers both front-end and back-end development, including authentication, user interactions, and advanced functionalities. By the end of the course, you'll have a fully functional Instagram clone to showcase your skills.
freeCodeCamp·3yHow to Build a Real-time Chat App with ReactJS and Firebase
In the app, we will allow the user to log in with their Google account using Firebase's Google sign-in Authentication. We will also store and retrieve all the chatroom messages using Fire Base's Cloud Firestore. You should have Node.js installed on your system and know how to use the command terminal.
Google Developers·2yFull-stack development in Project IDX
Project IDX is a browser-based development experience that aims to simplify full-stack app development by addressing challenges in backend development in a web-based environment. It provides features such as simplified frontend-backend communication and secure, self-contained testing environments.
React Native Example·3yA simple Task App built with React Native
A simple Task App built with React Native Errand A Simple task-app created to remind yourself of a daily objective in your aimless life. The Project Built With Getting Started is a project to recall basic concepts of react, react hooks, create-read-update-delete operations in databases.
Community Picks·3yBuild a To-Do Application with React and Firebase
The Firebase Console serves as the backend as a service database that helps us store and manage our data. In this article, you will learn how to build a to-do web app by making use of React.js and Firebase Database. Watch the video version of this article below, or on my YouTube channel.
Firebase Developers·3ySending Push Notifications for Chat Messages
We will use Firebase Cloud Messaging FCM and Cloud Functions for Firebase to achieve this goal. In our app project, we need to add the Push Notification capability and configure the Firebase Messaging in the file. This is to tell FCM to send a notification whenever a change happens in our Firebase database.
freeCodeCamp·3yCode a Reddit Clone with React and Firebase
The course will teach you how to code a Reddit clone using React, Firebase, Next.js, Chakra UI, and TypeScript. It's a great opportunity to learn and improve your coding skills and build a project that you can showcase to potential employers. Watch the full course on the freeCodeCamp.org YouTube channel.
asayer·2yCreate Push Notifications in React Native with Notifee
Learn how to use Notifee, a React Native library, to streamline push notifications for Android and iOS devices. Set up Notifee in your React Native app, create push notifications, group notifications, cancel notifications, style notifications, handle images within notifications, and send notifications with Firebase.
freeCodeCamp·3yHow to Set Up Social Media Web Authentication using Firebase
The way users log in affects their overall experience and engagement with an application. The ability to log into web apps using social network accounts is a helpful advance in this area. Firebase serves as a comprehensive platform, providing developers with backend services and tools to create web and mobile applications.
asayer·3yStrapi and Firebase -- A Comparison
Strapi is an open-source headless CMS (Content Management System) that allows developers to create APIs quickly and easily. It has a user-friendly interface, allowing developers and content creators to manage content efficiently. Users can create new user accounts, edit and delete user accounts and assign roles and permissions to those accounts.
Community Picks·3yLearn How to Implement User Authentication in Firebase with JavaScript
Learn how to implement user authentication in Firebase using JavaScript. Understand the benefits of using Firebase for authentication. Follow step-by-step instructions for installation, setup, signing in new users, logging in existing users, and signing out users.
Medium·2yFirebase Cloud Messaging in React: A Comprehensive Guide
Learn how to easily add push notifications to a React App using Firebase. This article provides a comprehensive guide on Firebase Cloud Messaging in React, including its benefits, setup instructions, notification permissions, registration token generation, configuring notification listeners, and testing push notifications.
Hacker News·3yReplacing my best friends with an LLM trained on 500,000 group chat messages
A model trained on 500,000 group chat messages tl;dr: I trained an uncensored large language model on the college-era group chat that me and my best friends still use. The dataset for this project is, of course, my Group Chat, which has remained active over the past 7 years.
Firebase Developers·2yBest practices for authenticating using Firebase
Learn about the best practices for authenticating using Firebase. Explore options such as anonymous authentication and federated authentication with trusted third-party providers. Discover the benefits of multi-factor authentication for added security.
