Indeed Clone

This is an Indeed clone website built with pure JavaScript, utilizing Bootstrap for responsive design and SCSS for styling.

Features

• Job search functionality: Users can search for jobs by entering keywords, location, and other filters.
• Job listing: The website displays a list of relevant job listings based on the user's search criteria.
• Job details: Users can click on a job listing to view more details about the job, including the job description, company information, and application instructions.
• Responsive design: The website is designed to be responsive and compatible with various screen sizes and devices, thanks to the Bootstrap framework.
• SCSS styling: The website utilizes SCSS (Sass) for styling, allowing for modular and organized CSS code.
• search form
• saved jobs with local storage
• dark and light theme
• loading page
• fetching API
• dynamic website
• transfer data between pages
• save data in local storage

Technologies Used

• HTML5: Provides the structure and markup of the website.
• CSS3: Used for basic styling.
• JavaScript: Implements the website's functionality.
• Bootstrap: A CSS framework used for responsive design and layout.
• SCSS: A CSS preprocessor that enhances the styling capabilities of CSS.
• API: The Data that are used in the project

Getting Started

To set up the project locally, follow these steps:

1. Clone the repository:

git clone https://github.com/omar-kamal-elkhabbaty/indeed-clone.git

2. Navigate to the project directory:

cd indeed-clone

3. Open the index.html file in your preferred web browser.

Project Structure

The project structure is as follows:

indeed-clone/
├── style/
│   ├── global
│   └── pages
├── bootstrap/
│   ├── bootstrap.css
│   └── bootstrap.js
├── images/
│   └── ...
├── javascript/
│   └── main.js
│   └── search_page.js
│    └── companies.js
│    └── my_jobs.js
├── HTML/
│   └── all_jobs.html
│    └── companies.html
│    └── my_jobs.html
│ 
├── index.html
└── README.md

• style/: Contains the compiled CSS files.
• image/: Contains images used in the website.
• javascript/: Contains the JavaScript files.
• bootstrap/: Contains the Bootstrap files.
• index.html: The main HTML file that serves as the entry point of the website.
• README.md: This file, providing information about the project.

Usage

Once you open the index.html file, you can start using the Indeed clone website by performing job searches using the search bar and filters. Clicking on a job listing will display more details about the job.

Feel free to explore the code and make any modifications or improvements to suit your needs.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and commit them.
4. Push your changes to your fork.
5. Submit a pull request describing your changes.

Please ensure that your code follows the existing code style and conventions.

Acknowledgments

This project is inspired by the popular job search website Indeed. Special thanks to the Bootstrap and SCSS communities for their excellent tools and resources.

Contact

If you have any questions, issues, or suggestions regarding this project, please feel free to contact the project maintainer at (mailto:omar.muhammed.kamal@gmail.com).

Happy coding!