Code Monkey home page Code Monkey logo

job-leet-core-ui's Introduction

Job Leet - An Open Source Job Portal Website

Homepage Preview

Welcome to Job Leet, a powerful job portal website designed to connect job seekers with the right opportunities. This project is built using React, TypeScript, Material-UI, and Styled Components for the frontend, with Vite as the development build tool.

Find the Backend Development repository of this project Here

Getting Started

Prerequisites

Make sure you have Node.js and npm installed on your machine.

Installation

  1. Clone the repository: 
    git clone https://github.com/Nix-code/Job-Leet-core-UI.git
  2. Navigate to the project directory: cd Job-Leet-core-UI
  3. Install dependencies: 
    npm install
  4. Development
  • Start the development server: npm run dev

After Login

Logged In Preview

Issues

If you encounter any issues or have suggestions, feel free to open an issue here

Contribution

We welcome contributions to make Job Leet even better! If you'd like to contribute, please follow the steps here

License

This project is licensed under the MIT

Happy coding!

job-leet-core-ui's People

Contributors

nixhantb avatar

Watchers

avatar

Forkers

codeomi

job-leet-core-ui's Issues

Improve NavBar Design and Functionality

HomePage Preview
image

Scope of this Issue (only NavBar)
NavBar Preview
image

NavBar components (Items)

  • Job Leet
  • Home
  • Find Jobs
  • Companies
  • Salaries
  • Resume Templates
  • Login
  • Signup

Additional Notes:
Consider implementing responsive design for various screen sizes.
Seek feedback from users during the enhancement process.
Test the updated UI thoroughly to ensure a bug-free experience.

Implement Search Bar Design

Preview
image

Design:

  • Visual Design:
    Evaluate and enhance the visual design of the search bar.
  • Iconography:
    Ensure that icons used are intuitive and complement the design.

User Experience:

  • Accessibility:
    Confirm the search bar is accessible to all users.

Responsive Design:

  • Confirm that the Search Bar is responsive across various devices.
  • Test on different screen sizes to guarantee a consistent and user-friendly experience.

Enhance HeroBody Design and Content

image

Todo

  • HeroBody should be implemented after NavBar Issue

Messaging:

Evaluate and refine the hero message for clarity and impact.

Visual Appeal:

  • Update visuals for a more modern and polished appearance.

Consistency:

  • Ensure consistency with the overall design language of the site.
    Responsive Design:

  • Confirm that the HeroBody is responsive across various devices.

  • Test on different screen sizes to guarantee a consistent and engaging display.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.