Ecosyste.ms: Awesome

- [Next JS](https://nextjs.org/) - The framework used for the front-end side of the project.
- [TailwindCSS](https://tailwindcss.com/) - The CSS framework used desing the project.
- [PrimeReact](https://www.primefaces.org/primereact/) - The React UI Component Libraries used.
- [google-map-react](https://tomchentw.github.io/react-google-maps/)- The google map service for React.
- [react-confetti](https://www.npmjs.com/package/react-confetti)- Confetti without the cleanup for react lib.
- [react-icons](https://react-icons.github.io/react-icons)- Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using.
- [react-slick](https://react-slick.neostack.com/)- The Last React Carousel You'll Ever Need!

- [react-timer-hook](https://www.npmjs.com/package/react-timer-hook)- React timer hook is a custom react hook, built to handle timer, stopwatch, and time logic/state in your react component.
- [@react-hook/window-size](https://www.npmjs.com/package/@react-hook/window-size)- React hooks for updating components when the size or orientation of the window changes.

## Getting Started

In this section, the steps for the cloning of the project and the improvements to be made by you are shown.

### Prerequisites

By following the steps below, your project can be run after the local installation.

- npm
```sh
npm install npm@latest -g
```

### Installation

_Below is an example of how you can instruct your audience on installing and setting up your app. This template doesn't rely on any external dependencies or services._

1. Clone the repo
```sh
git clone https://github.com/serifcolakel/etstur-findevent-fe-challenge.git
```
2. Install NPM packages
```sh
cd project_name
npm install
```
3. Enter your SECRET_KEY in `.env`
```.env
SECRET_KEY="ENTER YOUR secret KEY"
```
4. Run the client
```sh
cd project_name
npm run dev
```

## Usage

In this section, you can access the documentation of the libraries used during the creation of the project.

_For more examples, please refer to the [NextJS Documentation](https://nextjs.org/) [TailwindCSS Documentation](https://tailwindcss.com/) ._

## Roadmap

- [x] Added Layout to the project
- [x] Added Footer page desing to the project
- [x] Added Header page desing to the project
- [x] Added Home page desing to the project
- [x] Added google maps to the project
- [x] Added google maps marker func. to the project
- [x] Added api (location, params, search) for request Server Side & Client Side rendering to the project
- [x] Added dummy data for the api from etstur api & modified for the project
- [x] Added Not found page desing to the project
- [x] Added all components (map, search, Card, CustomCarousel, Footer, Header, Layout, NextEvent etc) to the project
- [x] Added dynamic google maps event details page to the project
- [x] Added google maps autocomplete to the project from api request
- [] Add Redux & context later :)

See the [open issues](https://github.com/serifcolakel/etstur-findevent-fe-challenge/issues) for a full list of proposed features (and known issues).

## Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!

## Contact

Project Link: [https://github.com/serifcolakel/todo-App](https://github.com/serifcolakel/todo-App)