Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kachamachkov/react-jobs
Simple React Job Board application. Post new opportunities here. :)
https://github.com/kachamachkov/react-jobs
Last synced: about 2 months ago
JSON representation
Simple React Job Board application. Post new opportunities here. :)
- Host: GitHub
- URL: https://github.com/kachamachkov/react-jobs
- Owner: kachamachkov
- License: mit
- Created: 2024-07-26T12:50:48.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-08-30T11:51:01.000Z (4 months ago)
- Last Synced: 2024-08-30T13:56:23.191Z (4 months ago)
- Language: JavaScript
- Homepage:
- Size: 235 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React Jobs :briefcase:
## Project Description
A personal project of mine, interactive job board built with reactjs.
* Frontend: ReactJS
* Backend: SoftUni practice server (vanillaJS)## Features
- Latest listings at home page :green_book:
- Full CRUD operations for job listings :pushpin:
- Guest and Authenticated UX differs: :shamrock:
- Guests can navigate through listing, but cannot edit/delete them or comment
- Authenticated users can comment on other users listings
- Only job listing's owner can edit/delete their listing
- Authentication :closed_lock_with_key:
- Pre-built user for testing purposes (if you do not want to register :)
- Username: [email protected]
- Password: admin
- Relations (Comments & Users) :man: :woman:## Deployment
- https://react-jobs-kachamachkov-199405.web.app/
## Installation and Setup:
Follow these instructions to get the project up and running on your local machine.
## 1. Ensure you have node.js installed on your machine.
## 2. Clone the Repository:
```bash
git clone https://github.com/kachamachkov/react-jobs
cd .
```## 3. To start the server (in new terminal):
```bash
cd server
node server.js
```## 4. To run the client (in new terminal):
```bash
cd client
npm i
npm run dev
```## 5. Example images
![alt text](/client/public/images/image-1.png)
![alt text](/client/public/images/image-2.png)
![alt text](/client/public/images/image-3.png)
![alt text](/client/public/images/image-4.png)