Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/keepserene/dev-hire-hub-react-site

DevHire Hub is a website built with React.js, showcasing dev jobs and CRUD features
https://github.com/keepserene/dev-hire-hub-react-site

Last synced: 17 days ago
JSON representation

DevHire Hub is a website built with React.js, showcasing dev jobs and CRUD features

Awesome Lists containing this project

README

        

# DevHire Hub 🚀

A modern, responsive job board application built with React, focusing on developer positions. DevHire Hub provides a seamless experience for browsing, posting, and managing job listings with a clean and accessible interface.

![DevHire Hub Preview](./public/homepage.png)

## 🌟 Live Demo

[Experience DevHire Hub](https://dev-hire-hub.vercel.app/)

## ✨ Features

- **Full CRUD Operations**: Create, read, update, and delete job listings
- **Responsive Design**: Fully responsive layout that works seamlessly across all devices
- **Modern UI/UX**: Clean and intuitive interface with smooth transitions
- **Real-time Feedback**: Toast notifications for all user actions using React Toastify
- **Loading States**: Beautiful loading animations using React Spinners
- **Semantic HTML**: Well-structured, accessible HTML for better SEO and user experience
- **Data Persistence**: Uses localStorage for data persistence with easy transition to backend services
- **Detailed Job Views**: Comprehensive job details including company information, salary, and contact details

## 🛠️ Built With

- [React](https://reactjs.org/) - Frontend library
- [Vite](https://vitejs.dev/) - Build tool and development server
- [React Router](https://reactrouter.com/) - Navigation and routing
- [Tailwind CSS](https://tailwindcss.com/) - Styling and design
- [React Toastify](https://www.npmjs.com/package/react-toastify) - Toast notifications
- [React Spinners](https://www.npmjs.com/package/react-spinners) - Loading animations
- [React Icons](https://react-icons.github.io/react-icons/) - Icon library

## 🚀 Quick Start

1. Clone the repository

```bash
git clone https://github.com/your-username/devhire-hub.git
```

2. Install dependencies

```bash
cd devhire-hub
npm install
```

3. Start the development server

```bash
npm run dev
```

4. Optional: Run with JSON Server (mock backend)
```bash
npm run json-server
```

## 💾 Data Management

The application currently supports two data management approaches:

1. **localStorage** (Default): Data persists in the browser's localStorage
2. **JSON Server**: A mock REST API backend (included for development)

Future updates will include integration with a full REST API backend.

## 📱 Responsive Design

- Mobile-first approach
- Tablet & desktop optimized
- Accessible on all device sizes
- Clean, modern UI elements
- Smooth transitions and animations

## 🎯 Future Enhancements

- Full REST API backend integration
- User authentication and authorization
- Job application system
- Advanced search and filtering
- Company profiles
- Email notifications
- Job alerts

## 👨‍💻 Author

**Dhrubajyoti Bhattacharjee**

- GitHub: [@KeepSerene](https://github.com/KeepSerene)
- LinkedIn: [Dhrubajyoti Bhattacharjee](https://www.linkedin.com/in/dhrubajyoti-bhattacharjee-320822318/)
- Portfolio: [MathToDev](https://math-to-dev.vercel.app/)

## 📄 License

This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details.

## 🙏 Acknowledgments

- Special thanks to [Your Name] for design inspiration
- [Tailwind CSS](https://tailwindcss.com/) for the amazing utility-first CSS framework
- The React community for the excellent tools and libraries

---

Made with ❤️ by Dhrubajyoti Bhattacharjee