juliankrzysiak / dry-weekend

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

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

Built With

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
• Favicon Emoji - Twemoji

(back to top)