Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/morshed33/devhub
https://github.com/morshed33/devhub
Last synced: 10 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/morshed33/devhub
- Owner: morshed33
- Created: 2023-06-30T11:11:13.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-06-30T11:13:43.000Z (over 1 year ago)
- Last Synced: 2024-10-27T11:13:23.964Z (about 2 months ago)
- Language: JavaScript
- Size: 1.13 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# devHub
## Description
A job site where job seekers can search and apply for jobs, organize applied jobs, statistics and blogs.
## Work Process
- Design and create the user interface using React and Tailwind CSS, focusing on responsive design and user-friendly interactions.
- Develop show all functionality to show all jobs as by defaoult it shows only 4 for make it clean.
- Develop a notification system using React Hot Toast to notify job seekers about important events such as successful job applications or already added to job listings.
- Implement real-time data visualization using React Chart2 to display Assignment marks statistics, such as assignment names and marks obtained in that assignment.
- Continuously test and optimize the application for performance, security, and usability.
- Implemented cool error page which allows user to go back home from error page.
- Deploy the application to surge for public access.
## Challenges
- Building a user-friendly and responsive UI/UX design.
- Implementing an efficient sort functionality to allow job seekers to find relevant jobs based on if its remote or onsite.
- Handling job application notifications for job seekers while they apply for a job.
- Shwoing all the jobs a client has apllied in one page to ensure better organization and not to miss oppurtunity.
## Stack
- React: A popular JavaScript library for building user interfaces.
- Tailwind CSS: A utility-first CSS framework for creating modern and responsive designs.
- React ChartJS 2: A charting library for React that allows for easy data visualization.
- React Router DOM: A routing library for React that enables navigation and routing in a single-page application.
- React Hot Toast: A customizable toast library for displaying notifications to users.
## What's included
```text
devHub
└── App.jsx/
└── Main.jsx/
└── Index.css/
└── Index.html/
└── src/
└── assets/
└── components/
├── Button.jsx
└── Footer.jsx
└── Header.jsx
└── SectionHeading.jsx
└── Tag.jsx
└── pages/
├── Home.jsx
└── Jobdetails.jsx
└── AppliedJobs.jsx
└── Statistics.jsx
└── Blogs.jsx
└── Errorpage.jsx
└── utils/
└── utils.js
```
## Live Site: Click Me