Skip to content

samantafluture/hackathon-front-angular

Repository files navigation

Hackafy (Front-End)

A basic and simple web app to search for hackathons around the world, built with Angular.

It uses type ahead search and tries to make the minimum of requests to the server.

Try it here: Hackafy

Hackafy-Home

This front-end uses the following backend: Hackathon API.

Features

Search Bar

  • Type ahead search field
    • Filter through results by typing
  • User experience tied to performance
    • Starts to search from 3 typed letters
    • Uses debounce time
    • Does only one request if the value wasn't changed
    • Manipulates API results with rxjs operators

Hackafy-Search

Search Filters

  • Filter results by:
    • Location
    • Autocomplete using Google Places API

Hackafy-Location

  • Filter results in real time by:
    • Free events
    • Remote / online events

Hackafy-Filters

CRUD

  • Create, edit and delete hackathons
  • Form with validation and alert messages for required fields
  • Pagination for card results

Hackafy-AddForm

Hackafy-EditForm

Built with

  • Angular
  • Angular CLI
  • Google Places API
  • Ngx Pagination

Deploy: Vercel.

Under Construction

Features that are being implemented:

  • Filter by date range (using date picker)
  • Google and Github login with Firebase
  • Support for uploading image file
  • Possitiblity to create a list with favorit events

Please feel free to contribute! This web app is still under development ☕

About

Front-end of a search platform for hackathons around the world. Built in Angular and Node.js.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published