Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/itxsaaad/react-careers-app-react-firebase
A React Dev Job Listing front-end to learn the basics of React, such as components, props, state, data fetching, and more.
https://github.com/itxsaaad/react-careers-app-react-firebase
bradtraversy firebase react tailwindcss
Last synced: about 17 hours ago
JSON representation
A React Dev Job Listing front-end to learn the basics of React, such as components, props, state, data fetching, and more.
- Host: GitHub
- URL: https://github.com/itxsaaad/react-careers-app-react-firebase
- Owner: itxSaaad
- Created: 2024-06-21T10:38:22.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-06-23T06:02:32.000Z (6 months ago)
- Last Synced: 2024-11-08T05:32:53.408Z (about 2 months ago)
- Topics: bradtraversy, firebase, react, tailwindcss
- Language: TypeScript
- Homepage: https://react-careers-app-react-firebase.vercel.app
- Size: 340 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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.
[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![MIT License][license-shield]][license-url]
## Live Preview Project
[Live Preview](https://react-careers-app-react-firebase.vercel.app/)
## 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](https://nodejs.org/en/) - JavaScript runtime built on Chrome's V8 JavaScript engine
- [NPM](https://www.npmjs.com/) - Node Package Manager
### Installation
1.Clone the repo
```sh
git clone https://github.com/itxSaaad/react-careers-app-react-firebase.git
```
2.Install NPM packages
```sh
npm install
```
3.Create a `.env` file in the root directory and add the following
```sh
VITE_FIREBASE_API_KEY =
VITE_FIREBASE_AUTH_DOMAIN =
VITE_FIREBASE_DATABASE_URL =
VITE_FIREBASE_PROJECT_ID =
VITE_FIREBASE_STORAGE_BUCKET =
VITE_FIREBASE_MESSAGEING_SENDER_ID =
VITE_FIREBASE_APP_ID =
VITE_FIREBASE_MEASUREMENT_ID =
```
4.Run the app
```sh
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](https://twitter.com/itxSaaad)
- LinkedIn: [@itxSaaad](https://www.linkedin.com/in/itxsaaad/)
- Portfolio: [@itxSaaad](https://portfolio-itxsaaad.vercel.app/)
- Email: [[email protected]](mailto:[email protected])
## License
Distributed under the MIT License. See `LICENSE` for more information.
## Support
Give ⭐️ if you like this project!
[contributors-shield]: https://img.shields.io/github/contributors/itxSaaad/react-careers-app-react-firebase.svg?style=for-the-badge
[contributors-url]: https://github.com/itxSaaad/react-careers-app-react-firebase/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/itxSaaad/react-careers-app-react-firebase.svg?style=for-the-badge
[forks-url]: https://github.com/itxSaaad/react-careers-app-react-firebase/network/members
[stars-shield]: https://img.shields.io/github/stars/itxSaaad/react-careers-app-react-firebase.svg?style=for-the-badge
[stars-url]: https://github.com/itxSaaad/react-careers-app-react-firebase/stargazers
[issues-shield]: https://img.shields.io/github/issues/itxSaaad/react-careers-app-react-firebase.svg?style=for-the-badge
[issues-url]: https://github.com/itxSaaad/react-careers-app-react-firebase/issues
[license-shield]: https://img.shields.io/github/license/itxSaaad/react-careers-app-react-firebase.svg?style=for-the-badge
[license-url]: https://github.com/itxSaaad/react-careers-app-react-firebase/blob/main/LICENSE.md