Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vagyasri/events-directory

This is a website for an online events directory consisting of 3 interlinked web pages.
https://github.com/vagyasri/events-directory

bootstrap css html

Last synced: 30 days ago
JSON representation

This is a website for an online events directory consisting of 3 interlinked web pages.

Awesome Lists containing this project

README

        

# Online-Events-Directory

![](https://img.shields.io/badge/Microverse-blueviolet)

> This is a Website for Events-Directory consisting of 3 interlinked webpages.
>- the main page (search page), with a link to the results page
>- the search results page, with a list of Events each with a link to the Event details page
>- Event details page

# Screenshot

### Main Search Page: Mobile

![Mobile France Directory](Image/SC-3.jpg)

### Main Search Page: Tablet

![Tablet France Directory](Image/SC-2.jpg)

### Main Search Page: Desktop

![Desktop France Directory](Image/SC-1.jpg)

### Result Page - Header : Mobile

![Mobile France Directory](Image/SC-4.jpg)

### Result Page - Footer : Mobile

![Mobile France Directory](Image/SC-5.jpg)

### Result Page: Tablet

![Tablet France Directory](Image/SC-6.jpg)

### Details Page: Desktop

![Desktop France Directory](Image/SC-7.jpg)

## Built With

- HTML
- CSS
- Bootstrap

## Live Demo

[Live Demo Link](https://vagyasri.github.io/Events-Directory/)

## Author

👤 **Bhagyashree Patra**

- GitHub: [@Vagyasri](https://github.com/Vagyasri)
- Twitter: [@Vagyasri](https://twitter.com/Vagyasri)
- LinkedIn: [Bhagyashree Patra](https://www.linkedin.com/in/bhagyashree-patra-029bb059/)

## Getting Started

### Prerequisites:

- Web browser
- Code Editor
- Live Server Extension

### Cloning the repo to your local system (If you already have git, installed in your system):

- [Copy this link](https://vagyasri.github.io/Events-Directory/)
- Open your terminal or command line
- Run "git clone [Paste this link](https://vagyasri.github.io/Events-Directory/)"
- Open the folder with your code editor
- Now You can edit the code and check the changes in the browser using Live Server

### Check linter errors:

- Install npm
- For HTML: Run npx hint .
- For CSS: Run npx stylelint “**/*.css”

## 🤝 Contributing

### Contributions, issues, and feature requests are welcome!

### Start by:

- Forking the project
- Cloning the project to your local machine
- cd into the Youtube-Replica project directory
- Run git checkout -b your-branch-name
- Make your contributions
- Push your branch up to your forked repository
- Open a Pull Request with a detailed description to the development branch of the original project for a review

### Feel free to check the [issues page](https://github.com/Vagyasri/Events-Directory/issues), contribute to the Project by creating an issue.

## Show your support

### Give a ⭐️ if you like this project!

## Acknowledgments
- Project originally taken from The Odin Project
- Project inspired by Microverse Program
- Thanks for this Website Design "PATASHULE"
- Matthew Njuguna & Sam Achola (Design from Behance)