This is a small demo project that allows users to search for videos and sort them by date. The project is built using Astro.js and Solid.js, with plain CSS for styling.
- Search for videos by title
- List of suggestions while typing
- Sort videos by date
- The state of the search and filter is saved in the URL
- Number of found videos displayed
- Infinite scrolling
- Server-side rendering
- Responsive design
The app uses 500 randomly generated videos, with the following data type:
type Video = {
id: string
title: string
thumbnail: string
publish_date: string
duration: number
}
- Typescript
- Astro.js
- Solid.js
- Docker
To run the app locally, follow these steps:
- Clone the repository
- Install dependencies with npm install
- Run the app with npm run dev
- Open http://localhost:4321 in your browser
This project was a great opportunity to practice using Astro.js and Solid.js. I enjoyed building the search and sort functionality, and I'm happy with how the app turned out.