React Careers App - React + Firebase

A simple careers app built with React.js and Firebase. The app allows users to view job listings, add new job listings, edit and delete job listings. The app uses Firebase Realtime Database to store job listings.

Explore the docs »

View Demo · Report Bug · Request Feature

Live Preview Project

Live Preview

Features

• Job Listings: View job listings.
• Add Job Listing: Add new job listings.
• Edit Job Listing: Edit job listings.
• Delete Job Listing: Delete job listings.
• Realtime Database: Firebase Realtime Database to store job listings.
• Responsive Design: User-friendly interfaces designed for various screen sizes.

Built With

• Frontend: React.js (Vite.js) (Tailwind CSS) (React Router) (React Icons) (React Spinners) (React Toaster)
• Backend: Firebase
• Database: Firebase (Realtime Database)
• Deployment: Vercel
• Version Control: Git and GitHub

Getting Started

Prerequisites

• Node.js - JavaScript runtime built on Chrome's V8 JavaScript engine
• NPM - Node Package Manager

Installation

1.Clone the repo

git clone https://github.com/itxSaaad/react-careers-app-react-firebase.git

2.Install NPM packages

npm install

3.Create a .env file in the root directory and add the following

VITE_FIREBASE_API_KEY = <your_firebase_api_key>
VITE_FIREBASE_AUTH_DOMAIN = <your_firebase_auth_domain>
VITE_FIREBASE_DATABASE_URL = <your_firebase_database_url>
VITE_FIREBASE_PROJECT_ID = <your_firebase_project_id>
VITE_FIREBASE_STORAGE_BUCKET = <your_firebase_storage_bucket>
VITE_FIREBASE_MESSAGEING_SENDER_ID = <your_firebase_messaging_sender_id>
VITE_FIREBASE_APP_ID = <your_firebase_app_id>
VITE_FIREBASE_MEASUREMENT_ID = <your_firebase_measurement_id>

4.Run the app

npm run dev

Contributing

Contributions are what make the open-source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the repo
2. Clone the project
3. Create your feature branch (git checkout -b feature/AmazingFeature)
4. Commit your changes (git commit -m "Add some AmazingFeature")
5. Push to the branch (git push origin feature/AmazingFeature)
6. Open a pull request

Contact

• Twitter: @itxSaaad
• LinkedIn: @itxSaaad
• Portfolio: @itxSaaad
• Email: saadstudent.cs@gmail.com

License

Distributed under the MIT License. See LICENSE for more information.

Support

Give ⭐️ if you like this project!