Skip to content

Commit

Permalink
update task
Browse files Browse the repository at this point in the history
  • Loading branch information
@lakshith-403
lakshith-403 committed Jun 1, 2024
1 parent 704c541 commit b438437
Show file tree
Hide file tree
Showing 4 changed files with 111 additions and 129 deletions.
2 changes: 1 addition & 1 deletion backend/src/index.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ import sessionRoute from "./Routes/sessionReg";
import taskRoute from "./Routes/taskLogin"
dotenv.config();

const URL = process.env.MONGO || "mongodb://localhost:27017/";
const URL = process.env.MONGO || "mongodb+srv://madhack:[email protected]/madhack?retryWrites=true&w=majority";
const ORIGIN = process.env.ORIGIN || "http://localhost:3000";
const PORT = process.env.PORT || 4000;

Expand Down
2 changes: 1 addition & 1 deletion frontend/src/Components/Hero/Hero.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -357,7 +357,7 @@ function Hero() {
<span className="sentence" data-aos="fade-up" data-aos-delay="300" style={{display: 'table'}}>{sentences[currentIndex].substring(0, offset)}</span>
</div>
<br className={"d-block"}></br>
<Link to="/register" className="btn-custom mt-5" data-aos="fade-up" data-aos-delay="400"><span>Register Now</span></Link>
{/*<Link to="/register" className="btn-custom mt-5" data-aos="fade-up" data-aos-delay="400"><span>Register Now</span></Link>*/}
{/* <Link to="/team" className="btn-custom mt-5" data-aos="fade-up" data-aos-delay="400"><span>Register Now </span></Link> */}
</div>
</div>
Expand Down
231 changes: 104 additions & 127 deletions frontend/src/Components/Task/Task..tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,154 +18,131 @@ export default function Task() {
return (
<div className="site-section task-section">

<h1>Initial Round Task</h1>
<h1 className={"bigass-title"}>Final Round Task</h1>

<p>
In a bustling city, a professional is on the lookout for opportunities. They discover a job searching app that connects candidates with employers. Meanwhile, a tech firm urgently needs a software developer.
<h1>App Name</h1>

The app notifies the professional about the job opening, and they apply seamlessly. The hiring manager receives their application and schedules an interview directly through the app.
<h2>Volunify</h2>

Efficient and streamlined, the app revolutionizes the job search process, making it easier for both candidates and employers to connect and interact.

<h1>Problem Statement</h1>
<p>
Many individuals have a desire to give back to their communities and make a positive impact through
volunteer work, but they often struggle to find meaningful and convenient volunteer opportunities that
align with their interests, skills, and availability. Additionally, organizations and nonprofits may
face challenges in effectively recruiting volunteers and matching them with suitable opportunities,
resulting in missed opportunities for community engagement and support.
</p>

As the task of MADHack 3.0 create a cutting-edge job searching app. Choose a catchy name, design a captivating logo, and build the app with essential functionalities for professionals and companies. Let the innovation begin!
<h1>Solution</h1>
<p>
Volunify is a mobile app that addresses these challenges by serving as a comprehensive volunteer
opportunity finder and matching platform. The app connects individuals with a wide range of volunteer
opportunities from local nonprofits, charities, and community organizations, making it easy for users to
discover and participate in meaningful projects and initiatives. Through Volunify, users can browse and
filter volunteer opportunities based on factors such as location, cause area, time commitment, and
skills required. The app also provides tools for organizations to post volunteer opportunities, manage
volunteer applications, and communicate with volunteers effectively. By facilitating connections between
volunteers and organizations, Volunify empowers individuals to make a positive impact in their
communities while helping organizations fulfill their missions and serve those in need more efficiently.
</p>

<h1>Judging Criteria</h1>
<ul>
<li>UI/UX - 20%</li>
<li>Functionality - 70%</li>
<li>Code quality/Architecture - 10%</li>
</ul>
<h1>Mandatory pages</h1>
<p>
<ol>
<li>
Welcome screen (with Signup/Login)
</li>
<li>
Dashboard / Home page
</li>
<li>
Notifications
</li>
<li>
Explore opportunities [Volunteers]
</li>
<li>
Create opportunity (post/video/blog) [Organization]
</li>
<li>
Managing Applications [Organization]
</li>
<li>
Create review post [Volunteer]
</li>
<li>
Profile management
</li>
</ol>

(Both users ideally use the same platform with different logins, but it is alright to make them
separately or to focus more on one user as time permits)
</p>

<h1>Judging Criteria (May be adjusted by judges)</h1>

<h1>Functionalities</h1>
<h3>User 1 - Job Applicant</h3>
<div className="grid-container">
<div className="grid-item">
<img src={signin} alt="Image 1"/>
</div>
<div className="grid-item">
<h3>1. User Registration/Login</h3>
<p>Allow job seekers to create accounts or log in using existing credentials.</p>
</div>

<div className="grid-item">
<img src={profile} alt="Image 2"/>
</div>
<div className="grid-item">
<h3>2. Profile Creation/Management</h3>
<p>Enable users to create and manage their profiles, including personal information, skills, qualifications, and work experience.
</p>
</div>

<div className="grid-item">
<img src={job} alt="Image 2"/>
</div>
<div className="grid-item">
<h3>3. Job Search</h3>
<p> To implement a search feature allowing users to find relevant job listings based on various criteria such as job title, location, industry, and salary range, and to also implement a feature where applicants can save job openings for later, which will enhance the user experience by allowing users to easily bookmark job listings they are interested in for future reference.</p>
</div>

<div className="grid-item">
<img src={job_list} alt="Image 2"/>
</div>
<div className="grid-item">
<h3>4. Job Listing Viewing</h3>
<p>Display detailed information about job listings, including job description, requirements, responsibilities, and company details.
</p>
</div>

<div className="grid-item">
<img src={application} alt="Image 2"/>
</div>
<div className="grid-item">
<h3>5. Application Submission</h3>
<p>Allow users to apply for jobs directly within the app, attaching their resumes or other necessary documents.
</p>
</div>

<div className="grid-item">
<img src={saved} alt="Image 2"/>
</div>
<div className="grid-item">
<h3>6. Saved Jobs</h3>
<p>Provide functionality for users to save job listings for future reference or consideration.
</p>
</div>
</div>
<h3>
Extra Points
</h3>
<ol>
<li>Notifications
<ul>
Implement notifications to alert users about new job listings matching their preferences, application status updates, and other relevant information.
</ul>
<li>
Functionality: (45%)
<ol type="a">
<li>Core Features: Are all the core features (finding volunteer opportunities, posting
opportunities, managing applications etc) implemented and functional?
</li>
<li>Additional Features: Are there any additional features (like rating and sharing experiences,
uploading photos) that enhance the app? (optional)
</li>
</ol>
</li>

<li> Feedback/Ratings
<ul>
Enable users to provide feedback or ratings on their job application experiences and interactions with employers.
</ul>
<li>
Technical implementation: (25%)
<ol type="a">
<li>Performance: How fast and efficient is the app?</li>
<li>Stability: How stable is the app? Are there any bugs or crashes?</li>
<li>Scalability: How well can the app handle a growing number of users and data?</li>
</ol>
</li>
</ol>

<hr/>

<h3>User 2 - Employer</h3>
<div className="grid-container">
<div className="grid-item">
<img src={emp_reg} alt="Image 1"/>
</div>
<div className="grid-item">
<h3>1. Company Registration/Login</h3>
<p>Allow employers to register their companies or log in using existing credentials.
</p>
</div>

<div className="grid-item">
<img src={emp_dash} alt="Image 2"/>
</div>
<div className="grid-item">
<h3>2. Job Posting</h3>
<p>Enable employers to create and post job listings, including job title, description, requirements, responsibilities, location, and salary information.
</p>
</div>

<div className="grid-item">
<img src={emp_job} alt="Image 2"/>
</div>
<div className="grid-item">
<h3>3. Candidate Management</h3>
<p> Provide tools for employers to manage job applications, including viewing applicant profiles, shortlisting candidates, and scheduling interviews.
</p>
</div>
</div>
<h3>
Extra Points
</h3>
<ol>
<li>Communication
<ul>
Implement features for employers to communicate with job seekers, such as sending messages, requesting additional information, and arranging interviews.
</ul>
<li>
UI/UX: (10%)
<ol type="a">
<li>Ease of Navigation: How intuitive and user-friendly is the app's navigation?</li>
<li>Aesthetic Appeal: How visually appealing is the design of the app?</li>
<li>Accessibility: How well does the app cater to users with disabilities or special needs?</li>
<li>Responsiveness: How well does the app perform on different devices and screen sizes?</li>
<li>Adherence to Wireframes: How closely does the high fidelity design follow the provided low
fidelity wireframes?
</li>
</ol>
</li>

<li> Application Tracking
<ul>
Enable employers to track the status of job applications, review applicant details, and make hiring decisions.
</ul>
<li>
Documentation: (10%)
<ol type="a">
<li>Documentation: How thorough and clear is the documentation provided (e.g., user guides,
technical documentation)?
</li>
</ol>
</li>
<li>
Pitching: (10%)
<ol type="a">
<li>Pitch Presentation: How well do the participants present their app and its value
proposition?
</li>
<li>Demo: How effectively does the demo showcase the app's features and benefits?</li>
<li>Learning outcomes: What were the issues faced and how were they overcome? (optional)</li>
</ol>
</li>
</ol>

<hr/>

{/*<h1><HashLink className="cta" to="/task/submit">Submit</HashLink></h1>*/}


<h1>Important Link</h1>
<ul>
<li><a href={"https://github.com/IEEEUCSC/madhack-2024-initial-api"}>REST API </a> (Not mandatory but recommended to use to save time.)</li>
<li><a href={"https://www.figma.com/design/IMQzevScoC5bh8dOgcfOqk/Volunify?node-id=0-1&t=isFK2dV6CDcr0UIM-1"}> Figma Wireframes </a>
(A high level guideline)
</li>
</ul>
</div>
);
Expand Down
5 changes: 5 additions & 0 deletions frontend/src/Components/Task/Task.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,11 +22,16 @@
height: 120%;
}

.bigass-title {
font-size: 3rem;
}

h1 {
position: relative;
padding-bottom: 10px;
margin-bottom: 50px;
margin-top: 50px;
font-size: 2rem;
}

h1::after {
Expand Down

0 comments on commit b438437

Please sign in to comment.