https://github.com/ishivaniyadav/worksyra
WorkSyra is a modern, responsive job tracking web application built with React, React Router, and Tailwind CSS. It allows users to manage their job applications by adding, viewing, and tracking statuses, along with personal profile management.
https://github.com/ishivaniyadav/worksyra
react react-router tailwind-css
Last synced: about 2 months ago
JSON representation
WorkSyra is a modern, responsive job tracking web application built with React, React Router, and Tailwind CSS. It allows users to manage their job applications by adding, viewing, and tracking statuses, along with personal profile management.
- Host: GitHub
- URL: https://github.com/ishivaniyadav/worksyra
- Owner: ishivaniyadav
- Created: 2025-06-17T17:51:24.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-25T05:54:07.000Z (12 months ago)
- Last Synced: 2025-06-25T06:37:50.464Z (12 months ago)
- Topics: react, react-router, tailwind-css
- Language: JavaScript
- Homepage: https://worksyra.vercel.app/
- Size: 122 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🚀 WorkSyra - Job Tracking Dashboard
**WorkSyra** is a modern, responsive job tracking web application built with **React**, **React Router**, and **Tailwind CSS**. It allows users to manage their job applications by adding, viewing, and tracking statuses, along with managing their personal profiles.
---
## 🌐 Live Demo
🔗 [Click here to view the live site](https://worksyra.vercel.app/)
---
## 📸 Screenshots
---
## 🛠 Tech Stack
- ⚛️ **React**
- 🧭 **React Router DOM**
- 💨 **Tailwind CSS**
- ⚡ **Vite**
---
## 🧑💻 Features
- 📊 **Stats Dashboard** — Track job applications (Pending, Interview, Declined)
- 📝 **Add Job** — Add position, company, job type, and status
- 📋 **All Jobs** — View all your submitted applications
- 🔍 **Edit/Delete Jobs** — Update or remove job entries
- 👤 **Profile Management** — Update your personal info like name, email, location
- 🎨 **Responsive UI** — Seamlessly adapts to desktop, tablet, and mobile devices
---
## 🧰 Setup Instructions
### 1. Clone the Repository
```bash
git clone https://github.com/ishivaniyadav/WorkSyra.git
cd WorkSyra
````
### 2. Install Dependencies
```bash
npm install
```
### 3. Configure Tailwind
If Tailwind isn't already set up, do the following:
```bash
npx tailwindcss init -p
```
Then, update `tailwind.config.js`:
```js
module.exports = {
content: ["./src/**/*.{js,jsx}"],
theme: {
extend: {},
},
plugins: [],
};
```
And in `src/index.css`:
```css
@tailwind base;
@tailwind components;
@tailwind utilities;
```
### 4. Run the App
```bash
npm run dev
```
> App will be live at `http://localhost:5173/` by default.
---
## 📝 License
This project is licensed under the **MIT License**.
Feel free to use, fork, and improve!
---
## 🙋♀️ Author
Made with ❤ by [Shivani Yadav](https://github.com/ishivaniyadav)
> Contributions and feedback are always welcome!