Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/juliankrzysiak/dry-weekend

Fill your weekend with a curate list of local events from the Antelope Valley and Los Angeles.
https://github.com/juliankrzysiak/dry-weekend

activities events schedule

Last synced: about 1 month ago
JSON representation

Fill your weekend with a curate list of local events from the Antelope Valley and Los Angeles.

Awesome Lists containing this project

README

        





Logo

dry weekend


A curated list of local Antelope Valley and Los Angeles events.




View Demo
·
Report Bug
·
Request Feature


## About The Project
Desktop Light | Mobile Dark
-------------------------|-------------------------
Desktop screenshot | Mobile screenshot

### Built With


Svelte Static Badge




TailwindCSS Static Badge

### How It's Made

I wanted to make this website as many ask me for information regarding what to do for the upcoming weekend.

I also wanted to try out SvelteKit after having a great time using Svelte in my portfolio website.
I set out to make this website quickly, so I used Skeleton UI, a SvelteKit based UI library, along with Pocketbase, a simple sqlite backend.

### Optimizations

The whole webiste uses SSR, so everything is preloaded on the server and then delivered to the client.

The simple nature of the site also lends itself for creating simple code. I also refactored some overall Svelte code as I am still learning how to use SvelteKit, which is one of the reasons I made this website to begin with.

### Learning Outcomes

| The Good | The Bad | The Ugly |
|----------------------------------------|------------------------------------------------------|----------|
| SvelteKit is fun | | Figuring out why Cloudflare Pages caused reloads to break |
| Utilizing a UI library | | |
| Made a website that is easy to update | | |
| Made a website I'm proud of | | |

## Getting Started

If you want to get a local copy running, here ya go.

### Prerequisites

* pnpm
```
npm install -g pnpm
```

### Installation

1. Clone the repo
```
git clone https://github.com/CastillejaCode/dry-weekend.git
```
2. Install NPM packages
```
pnpm install
```
3. Run local development server
```
pnpm dev
```
4. Switch out my info for yours

I still need to replace the url with an environment variable, but I'm not worried about security for that due to API Rules put in place in the backend.
You would also need to have the same sql data layout as me, which I may include as types in the future.

## License

Distributed under the MIT License. See `LICENSE.txt` for more information.

## Contact

Julian Krzysiak - [email protected]

Project Link: https://github.com/CastillejaCode/dry-weekend

## Acknowledgments

* Favicon generator - [favicon.io](https://favicon.io/)
* Favicon Emoji - [Twemoji](https://heroicons.com/](https://github.com/twitter/twemoji))

(back to top)