Coder Social home page Coder Social logo

samantafluture / hackathon-front-angular Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 12.33 MB

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

Home Page: https://hackathon-front-angular.vercel.app/

JavaScript 2.90% TypeScript 52.47% HTML 17.89% CSS 26.74%
angular nodejs

hackathon-front-angular's Introduction

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 โ˜•

hackathon-front-angular's People

Contributors

samantafluture avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.